在React中,您只需编写必要的Javascript(并可能将其构建为可重用控件中,如您所见)。一旦学习了基本模式(以及它们与AngularJS的不同之处),它就非常规范且易于执行。
因此,在
render函数中,您需要遍历列表。在下面的示例中,我使用了
map,但是您可以根据需要使用其他迭代器。
var List = React.createClass({ render: function() { return (<div> { this.props.data.map(function(item) { return <div>{item}</div> }) } </div>); }});var data = ['red', 'green', 'blue'];React.render(<List data={ data } />, document.body);这里正在使用。
而且,如您所见,您可以快速构建一个可重复使用的组件,该组件可以在列表中“重复”。



