var ListItemWrapper = React.createClass({ render : function() { return <li>{this.props.data.text}</li>; } }); var MyComponent = React.createClass({ render : function() { return ( <ul> {this.props.results.map(function(result) { return <ListItemWrapper key={result.id} data={result}/>; })} </ul> ); } });
列表中的子Component需要传参数key,来区别唯一。
原文:http://my.oschina.net/CuckooLong/blog/519322