javascript - React 创建未知大小的 Bootstrap 网格

Question

我正在构建一个应用程序，我需要在其中使用 React 来呈现 Bootstrap 网格。我是 React 新手，所以请多多包涵。

Frontend会收到N个需要在Boostrap列中显示的对象，每个对象在自己的列中。问题是，我不知道 N 有多大，所以我不知道我需要多少行。

有什么想法可以解决这个问题吗？

我应该只有一个组件吗？还是三个(容器、行、列)？还是别的？

Answer 1

首先，考虑是否需要为容器、行和列自定义组件。您可以只将 div 与适当的 css 类一起使用，我认为将其包装到自定义组件中没有多大值(value)。如果您决定使用自定义组件，您可能需要查看 react-bootstrap ，他们已经实现了这些。

至于布局，我相信您可以在 Bootstrap 布局中的一行中放置任意多的列，并且它们会根据需要换行(如果超过 12 个)，所以只有一行可能是最简单的，并且将所有列放入其中(参见 Bootstrap docs)。