小编Nes*_*zin的帖子

如何使用react显示两列或更多列中的地图结果

我想我有一个简单的问题,但我无法通过反应得到解决方案,我希望在两列中显示结果:

item 1 | item 4
item 2 | item 5
item 3 | item 6
Run Code Online (Sandbox Code Playgroud)

我试过验证数组lenght是0还是新的起始列,但是我不能绘制一个start div元素而不绘制end div元素

我想做这样的事情:

render() {

        const secondColumnStart = this.props.result.length / 2;

        return <div className="row">
                {this.props.result.map((item, i) => 
                { (i == 0 || i == secondColumnStart) && <div className="col-md-6"> }
                    item.value
                { (i == 0 || i == secondColumnStart) && </div> })}
            </div>;
    }
Run Code Online (Sandbox Code Playgroud)

javascript jsx typescript reactjs

8
推荐指数
3
解决办法
7011
查看次数

标签 统计

javascript ×1

jsx ×1

reactjs ×1

typescript ×1