我想我有一个简单的问题,但我无法通过反应得到解决方案,我希望在两列中显示结果:
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)