我有一个称为的组件tileGroup
,该组件的属性是其他属性的集合(数组)。
父component(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}/>;
});
显然不建议使用transferPropsTo。在最新版本的React中,您可以使用JSX传播属性:
有关此的更多信息:弃用transferPropsTo