小编Dub*_*ner的帖子

javascript:React-限制循环/映射中每行呈现的组件(或列)数

我知道这似乎很容易...但是我不知道如何获得它。因此,任何建议都是值得欢迎的。谢谢。

是)我有的

我正在使用React.js。我有一个数组(假设20个元素)。

我想要的是

我想每行渲染4个元素(例如)。

问题是

我不知道如何限制每行的组件/列数。

这段代码连续呈现所有组件...如何限制它?

populatingLayout() {
    arrayData.map(item => {
        return (
        <div className="FlexRow">
            <div className="FlexColumn">
                <Component dataProp={item} />
            </div>
        </div>
        )
    }
}

render() {
     return (
         <div className="FlexGrid">
             {this.populatingLayout()}
         </div>
    )
}
Run Code Online (Sandbox Code Playgroud)

提前致谢!

javascript layout loops reactjs

1
推荐指数
1
解决办法
4470
查看次数

标签 统计

javascript ×1

layout ×1

loops ×1

reactjs ×1