React组件之间的通信的实例教程

来源：懂视网责编：小OO 时间：2020-11-27 20:18:13

React组件之间的通信的实例教程

最近学习浅尝则止的学习了一下react.js这个UI的框架，react这个库给我的最大的感觉就是它能够完全的接管UI层，在要改变视图的东西的时候只需要改变其this.state中的状态。只要操作数据层的东西视图层就会发生变化，这一点我还是很喜欢的。可以摆脱对DOM的直接操作，毕竟直接来会比较复杂，本来应该是逻辑层js中混杂着各种css的字符串，对于我来说有点不爽（JSX中也混杂这标签，但我觉的不应该把它看作标签，看作语句会习惯一点）。回到几天的重点，讲react组件之间的状态传递。上代码。1.定义两个子组件child-1和child-2。；2.定义父组件Parent并且将两个子组件插入到父组件中。；现在的任务是在组件1总输入一些文字，同时在组件2中同时显示出来。

推荐度：

点击下载本文 文档为doc格式

导读最近学习浅尝则止的学习了一下react.js这个UI的框架，react这个库给我的最大的感觉就是它能够完全的接管UI层，在要改变视图的东西的时候只需要改变其this.state中的状态。只要操作数据层的东西视图层就会发生变化，这一点我还是很喜欢的。可以摆脱对DOM的直接操作，毕竟直接来会比较复杂，本来应该是逻辑层js中混杂着各种css的字符串，对于我来说有点不爽（JSX中也混杂这标签，但我觉的不应该把它看作标签，看作语句会习惯一点）。回到几天的重点，讲react组件之间的状态传递。上代码。1.定义两个子组件child-1和child-2。；2.定义父组件Parent并且将两个子组件插入到父组件中。；现在的任务是在组件1总输入一些文字，同时在组件2中同时显示出来。