我是React.js的新手。我试图绑定数据数组。我正在寻找相当于ng-repeat,但我不能在文档中找到它。
例如:
var data = ['red','green','blue']
使用angular我会在我的html做这样的事情:
<div ng-repeat="i in data">{{i}}</div>
我想知道React的标记做这个
在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','blue']; React.render(<List data={ data } />,document.body);
Here它正在使用中。
而且,你可以看到,你可以快速构建一个可重复使用的组件,可以“重复”通过列表。