javascript - 在 JSX 中使用 For 循环

Question

<分区>

Answer 1

使用 map所以你实际上是在返回元素。 foreach 不返回任何内容。您对 && 的使用也无效。

var graph = 
        <div className="chartContent">
            <div className="panel">
                {DataRows.map(entry =>
                    <div key={entry.id} className="col-sm-2 graphPanel graphPanelExtra">
                        <div className="panel panel-primary">
                            <div style={{ textAlign: 'center' }}>entry</div>
                        </div>
                    </div>
                )}
            </div>
        </div>;

请注意，我添加了一个 key 属性 - 为了优化元素数组的呈现，每个项目都应该有一个唯一的键(这不仅仅是数字索引)。