Javascript 如何在React.js中循环对象并创建子组件_Javascript_Reactjs

Javascript 如何在React.js中循环对象并创建子组件

javascript reactjs

Javascript 如何在React.js中循环对象并创建子组件,javascript,reactjs,Javascript,Reactjs,我是React.js的新手，在子组件中遇到了问题。我有一个对象，我需要遍历它，它应该使用该对象的值创建子组件。先谢谢你 var o = { playerA: { name: 'a', }, playerB: { name: 'b', } }; var Players = React.createClass({ getPlayers: function(){ return o; },

我是React.js的新手，在子组件中遇到了问题。我有一个对象，我需要遍历它，它应该使用该对象的值创建子组件。先谢谢你

var o = {
    playerA: {
        name: 'a',
    },

    playerB: {
        name: 'b',
    }
};


var Players = React.createClass({
    getPlayers: function(){
        return o;
    },    

    render: function() {
        return (
            <div>
                <div className="row"> Players</div>
                {this.getPlayers()}
                <Player /> 
            </div>
        );
    }
});


var Player = React.createClass({    
    render: function(){
        return (
            <div className="row" > player {this.name} < /div>
        )
    }
});

React.render(<Players />, document.getElementById('container'));

var o={
普拉耶拉：{
名称：‘a’，
},
播放者B：{
名称：‘b’，
}
};
var Players=React.createClass({
getPlayers:function（）{
返回o；
},    
render:function（）{
返回(
球员
{this.getPlayers（）}
);
}
});
var Player=React.createClass（{
render:function（）{
返回(
播放器{this.name}

{Object.keys(yourObject).map(function(key) { return ( // Add a key to the list item, it is mandatory from react // What the key consists of if it's the id or not is up to you // it needs to be unique though <ChildComponent key={key} data={yourObject[key]}/> ); })}