无法在反应数据表错误中读取未定义的属性“map”

时间:2017-06-07 10:10:22

标签: json node.js reactjs react-router

在地图功能中获取错误。

 generateRows: function() {
    var cols = this.props.cols,  // [{key, label}]
        data = this.props.data;

获取数据错误(未定义的值获取)

    return data.map(function(item) {

        // handle the column data within each row
        var cells = cols.map(function(colData) {
            // colData.key might be "firstName"
            return <td> {item[colData.key]} </td>;
        });
        return <tr key={item.BlogId}> {cells} </tr>;
    });
},

1 个答案:

答案 0 :(得分:1)

由于你是从道具中获取cols,为了确保它们存在于initialRender,你可以添加一个检查并在一个语句中返回地图,如

 return data && data.map(function(item) {

        // handle the column data within each row

        return <tr key={item.BlogId}> {cols && cols.map(function(colData, index) {
            // colData.key might be "firstName"
            return <td key={index}> {item[colData.key]} </td>;
        })} </tr>;
    });

还为内部地图功能

返回的元素提供键