React父子组件相互传值

一、父传子

React父子组件相互传值
1、设置props的值
2、绑定事件修改props
3、子组件里传入props的值
4、子组件中使用this.props.isActive就可拿到传过来的值

二、子传父

React父子组件相互传值

1、同意设置props的值
2、父组件里设置修改props的方法
3、将父组件的方法传入子组件
4、子组件中绑定一个方法来接收父组件传过来的方法(我的理解实际上就是在子组件中调用了父组件的方法从而改变props的值)

是用箭头函数避免反复声明绑定事件

相关文章: