学习记录——react的子父传值
react的子父传值
和vue一样,在父组件中定义一个回调,在子组件中触发这个回调
比如子组件中有一个button按钮,当我们点击这个按钮的时候会传一个值到父组件里
父组件Home.js: 首先在父组件定义一个回调
回调函数里有一个形参,接收的就是子组件传过来的值
子组件Children2.js:
总结:
-
父组件传递一个函数
-
子组件内部接收(props)并触发该函数达到传值目的
注意:props不可被修改!
比如子组件中有一个button按钮,当我们点击这个按钮的时候会传一个值到父组件里
父组件Home.js: 首先在父组件定义一个回调
回调函数里有一个形参,接收的就是子组件传过来的值
子组件Children2.js:
总结:
父组件传递一个函数
子组件内部接收(props)并触发该函数达到传值目的
注意:props不可被修改!