react父组件 向子组件通过props传递数组,子组件中取不到


  • 0

    import React,{Component} from 'react'
    export default class ShowComment extends Component
    {
    constructor(props) {
    super(props);
    this.state = {
    items:this.props.items
    }
    }

    render(){
        return(<div>
            <table>
                <tbody>
                    {this.state.items.map((item) => (
                        <tr key={item.key}>
                            <td>{item.name}:</td>
                            <td>{item.comment}</td>
                        </tr>
                    ))}
                </tbody>
            </table>
            </div>)
    }
    

    }
    state中定义数组接受this.props.items,父组件中items为数组,但是render函数中this.state.items为空数组不知道为什么,求解


  • 0

    可以直接使用this.props.items.map()


  • 0

    父子之间用props传递通信,state是在组件内部使用的,状态更改。


登录后回复
 

与 ScriptOJ 的连接断开,我们正在尝试重连,请耐心等待