我有一个名为 tileGroup
的组件,它的一个属性是其他属性的集合(数组)。
父组件(tileGroup
)通过使用集合中的每组属性来创建一个新组件,从而呈现一个子组件列表。
现在我个人映射每个属性从集合到子组件,但这将变得繁琐,如果属性计数的组件增加,我确信有一个更干净,更简单的方法来做到这一点..。
如何在不重新映射每个属性的情况下将完整的属性集传递给子组件?
示例代码:
tileGroupData = {someProperty: 'something', someOtherProperty:'something',
tiles: [{vsize:1, hsize:2, etc...}, {vsize:2,hsize:3,title:'whatever'}]};
然后创建组件。
var tileGroup = React.createClass({
render: function() {
var thechildren = this.props.tiles.map(function(tile)
{
//this is what I DON'T want to be doing.
return <tileSimple vsize = {tile.vsize} hsize = {tile.hsize} content = {tile.content}/>;
//what I DO want to be doing
return <tileSimple allTheProps = {tile}/>;
});