Javascript ReactJs无法访问道具
我正在尝试访问我的子组件中的道具,我正在使用映射的json结果呈现网格行: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
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只能呈现单个节点。如果有多个节点,则应将它们包装到一个根中