React父子组件相互传值

react

React父子组件相互传值

一、父传子


1、设置props的值

2、绑定事件修改props

3、子组件里传入props的值

4、子组件中使用this.props.isActive就可拿到传过来的值

二、子传父

1、同意设置props的值

2、父组件里设置修改props的方法

3、将父组件的方法传入子组件

4、子组件中绑定一个方法来接收父组件传过来的方法(我的理解实际上就是在子组件中调用了父组件的方法从而改变props的值)

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

以上是 React父子组件相互传值 的全部内容, 来源链接: utcz.com/z/383945.html

回到顶部