05React中props的使用(父传子)

1:准备工作  父组件(APP)   子组件(Header)

改写index.js中APP内容

2:数据传递的说明

3:回到子组件(Header.js)

4:如果调试看props 回到index.js中新增数据的传递 ps:useage 不是userage   少了一个r

5:如果查看 回到Header.js中 加入红色框的内容 重新运行 就可以浏览器中查看结果

6:结果如下