React父子传值&子父传值

4,776 阅读1分钟

父组件向子组件传值

1.首先创建一个名为Child的子组件 image.png
2.在父组件中引入子组件,一定要引入成功后才可以继续进行操作哦!

image.png

3.在父组件的state中定义任意数据

image.png

4.使用尖括号对引入组件进行使用 (注:引入名称必须与使用名称保持一致)

image.png 5.接下来在子组件中用ES6中的constructor方法进行构造,再用super进行继承,传一个形参为props,最后再打印数据,如果数据打印成功,那就是传值成功,就可以继续对数据进行操作啦!

image.png

子组件向父组件传值

1.在子组件的state中定义任意数据,然后通过button按钮去触发这个传值事件

image.png
2.在父组件中定义变量,用于接收子组件传过来的值

image.png 3.数据打印成功后,通过this.state将接收到的数据放到定义的accepData中,就可以对数据进行正常的操作啦!

image.png 如果觉得这片文章对您有用的话,就点个赞吧!