React组件通信(state方式)

在App.js中,按如下图步骤添加对应代码,

第一步:设置state属性

第二步:使用state属性替换元素属性;并在button元素上绑定click事件

第三步:实现changeName方法,通过setState改变属性值。

React组件通信(state方式)

点击button按钮前页面展示:

React组件通信(state方式)

点击button按钮后展示:

React组件通信(state方式)