学习记录——react的子父传值

react的子父传值


和vue一样,在父组件中定义一个回调,在子组件中触发这个回调

比如子组件中有一个button按钮,当我们点击这个按钮的时候会传一个值到父组件里

父组件Home.js: 首先在父组件定义一个回调

学习记录——react的子父传值
回调函数里有一个形参,接收的就是子组件传过来的值

子组件Children2.js:
学习记录——react的子父传值
学习记录——react的子父传值
总结:

  1. 父组件传递一个函数
    学习记录——react的子父传值
    学习记录——react的子父传值

  2. 子组件内部接收(props)并触发该函数达到传值目的
    学习记录——react的子父传值
    注意:props不可被修改!