我正在构建一个应用程序,我需要在其中使用 React 来渲染 Bootstrap 网格。我是一个 React 新手,所以请耐心等待。
前端将接收需要在 Boostrap 列中显示的 N 个对象,每个对象都在自己的列中。问题是,我不知道 N 有多大,所以我不知道需要多少行。
有什么想法可以解决这个问题吗?
我应该只有一个组件吗?还是三个(容器、行、列)?还是别的什么?
最佳答案
首先,考虑您是否需要容器、行和列的自定义组件。您可以只使用带有适当 css 类的 div,我认为将其包装到自定义组件中没有多大值(value)。如果您决定使用自定义组件,您可能需要查看 react-bootstrap ,他们已经实现了这些。
至于布局,我相信您可以在 Bootstrap 布局中的一行中放置任意多的列,并且它们会根据需要换行(如果超过 12 列),因此最简单的方法是只包含一行,然后将所有列放入其中(请参阅 Bootstrap docs )。
关于javascript - React 创建未知大小的 Bootstrap 网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34159828/