Javascript ReactJs无法访问道具

Javascript ReactJs无法访问道具,javascript,reactjs,Javascript,Reactjs,我正在尝试访问我的子组件中的道具,我正在使用映射的json结果呈现网格行: getRowNodes: function() { return this.props.contacts.map(function(contact){ return <Row key={contact.id} contact={contact} columns={this.props.chi

我正在尝试访问我的子组件中的道具,我正在使用映射的json结果呈现网格行:

getRowNodes: function() {
    return this.props.contacts.map(function(contact){
        return <Row 
                key={contact.id} 
                contact={contact} 
                columns={this.props.children} />;
    }.bind(this));
}
getRowNodes:function(){
返回此.props.contacts.map(函数(联系人){
返回;
}.约束(这个);
}
当我呈现组件时,我可以控制台日志{this.props.data}并查看所有属性,我还可以查看chrome开发工具中的所有属性,但是,当我尝试访问一个属性this.props.data.propertyName时,我得到了未定义的属性

如果我尝试访问下面的任何属性,我会得到一个错误。有什么想法吗

就像基里尔·斯莱丁说的:你必须把它包起来

试试这个:

getRowNodes() {
    return (
        <div>
            {this.props.contacts.map(this._getRow)}
        </div>
    );
},

_getRow(contact) {
    return (
        <Row 
            key={contact.id}
            contact={contact}
            columns={this.props.children} />
    );
}
getRowNodes(){
返回(
{this.props.contacts.map(this.\u getRow)}
);
},
_getRow(联系人){
返回(
);
}
注意:我使用JSX语法优化了可读性


文档说明React.js只能呈现单个节点。如果有多个节点,则应将它们包装到一个根中