文章82
标签28
分类8

React 父子组件传值

父组件可以通过属性的方式,向子组件传递参数

父组件向子组件传递参数

// 父组件
<AddList list={this.state.list} />
// 子组件接收参数
{this.props.list}

子组件向父组件传递参数

React 是单向数据流,并不支持子组件修改父组件的数据。

如果需要修改,那也是现在父组件中去修改,子组件只是调用父组件传过来的方法而已。

举个🌰

// 父组件向子组件传递一个方法
<AddList delfuc={this.delData} />

delData (index) {
    conosle.log(index)
}
// 子组件接收方法
<div onClick={this.delData.bind(this, '参数')>Childer-Component</div>

delData (parameter) {
    // 接收父组件的方法,并传递参数
    this.props.delfuc(parameter)
}