ReactJs无法访问道具

Question

我正在尝试访问子组件中的props，我使用映射的json结果渲染网格行：

getRowNodes: function() {
    return this.props.contacts.map(function(contact){
        return <Row 
                key={contact.id} 
                contact={contact} 
                columns={this.props.children} />;
    }.bind(this));
}

当我渲染组件时，我可以控制日志{this.props.data}并查看所有属性，但是，当我尝试访问属性this.props时，我也可以看到chrome dev工具中的所有属性。 data.propertyName我得到了未定义。

如果我尝试访问以下任何属性，我会收到错误...有什么想法？

Answer 1

喜欢 Kirill Slatin 说：你必须把它包起来。

试试这个：

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

_getRow(contact) {
    return (
        <Row 
            key={contact.id}
            contact={contact}
            columns={this.props.children} />
    );
}

  

注意：我使用JSX语法优化了可读性。