父组件可以通过属性的方式,向子组件传递参数
父组件向子组件传递参数
// 父组件
<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)
}