一. 父传子 通过Props
父组件
子组件
static propTypes = { name: PropTypes.string }
使用: this.props.name 即可得到父组件传入过来的值.
2. 子传父 子组件通过调用父组件方法, 并传参给父组件
2.1 父组件内容:
父组件方法: parentAction (e, msg) { }
引用: <Children childrenAction={ this.parentAction }/>
2.2 子组件内容
static proTypes = { childrenAction: PropTypes.func }
onClickChildrenAction (e, msg) { this.props.childrenAction(e, msg) }
<Button onClick={ this.onClickChildrenAction(e, msg) }>子组件调用父组件方法</Button>
网友评论