Js--如何将属性对象传递给子组件？-前端问题

React.js -- How to pass properties object to child component?(Js--如何将属性对象传递给子组件？)

本文介绍了Js--如何将属性对象传递给子组件？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个名为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}/>; 
       });

推荐答案

显然已弃用。在Reaction的最新版本中，您可以使用JSX扩散属性：

return <tileSimple {...tile} />;

有关此的更多信息，请点击此处：Deprecating transferPropsTo

这篇关于Js--如何将属性对象传递给子组件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！