更新:从 React > 0.16 起

Render 方法不一定必须返回单个元素.也可以返回一个数组.

var indents = [];for (var i = 0; i < this.props.level; i++) {indents.push(<span className='indent' key={i}></span>);}返回缩进；

或

return this.props.level.map((item, index) => (<span className="indent" key={index}>{指数}</span>));

此处的文档解释了 JSX 子项

旧:

你可以用一个循环代替

var indents = [];for (var i = 0; i < this.props.level; i++) {indents.push(<span className='indent' key={i}></span>);}返回 (<div>{缩进}一些文本值"