Question

我正在尝试在表格中打印数组元素。该数组存储在数据中。在使用map（）的过程中，我一直在努力＆＃34;无法读取null的属性＆＃34;错误

代码是

{
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"
}

我正在尝试将数据发送到TableRow类。帮我解决这个错误。

Answer 1

在TableRow组件中，使用props代替state。您正在从外部将数据传递给组件，这就是道具的用途。只有在直接从组件中设置状态时才使用状态。当然，每个组件的状态都是独立的。

class TableRow extends React.Component{
render(){
    return(
        <div>
            <tr>
                <td>{this.props.data.id}</td>
                <td>{this.props.data.name}</td>
                <td>{this.props.data.age}</td>
            </tr>
        </div>
    );
 }
}

ReactJS数组映射

1 个答案: