Javascript React JS中的行、列和表

我是React JS的初学者，我正试图通过React JS创建一个表（或网格）。我搜索了不同的网站，尝试了不同的方法。我使用了react行、react引导、react表，并一步一步地按照说明进行操作。然而，它们都不起作用。我试图显示一个包含3个单元格的行，但所有单元格都显示了3行：如果您有一个在此组件中引用的样式表，您可以在其顶部添加下面的行，以确保使用默认引导样式

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css");

然后，您可以将该样式表导入

App.js

组件或

RestaurantReview.js

您喜欢的任何组件中。最好是在

App.js

中，这样您就可以在其他组件中使用引导样式

App.js

import React from "react";
import RestaurantReview from "./components/RestarauntReview";
import "./styles.css"; // this is where you import the bootstrap styles

function App() {
  return (
    <div className="App">
      <RestaurantReview />
    </div>
  );
}

export default App;

从“React”导入React；
从“/components/RestaurantReview”导入RestaurantView；
导入“/styles.css”；//这是导入引导样式的地方
函数App（）{
返回(
);
}
导出默认应用程序；

这样，您就不必在

RestaurantReview.js

---

这是一个包含所有代码的示例。

您能提供您的代码吗？提供可复制的示例，这样我们就可以调试您的代码，这会更有益。我刚刚补充说，您能检查一下吗

import React from "react";
import RestaurantReview from "./components/RestarauntReview";
import "./styles.css"; // this is where you import the bootstrap styles

function App() {
  return (
    <div className="App">
      <RestaurantReview />
    </div>
  );
}

export default App;