上篇 react与jsx语法介绍–先行篇通过一个官网简单demo大致简略介绍了下核心代码的作用,以及实现机制,这篇继续跟进歪果仁。
为了不因我的失误给访问者造成迷惑,这篇主题就是:
Introducing Properties
react是单向数据流动的。这就意味着数据流只能从当前一个方向也就是从parent方向通过properties
流向child。借助attributes,这些properties传递给child components.在组件中你能通过组件中的props
特性获取传递的内容。当内容变化时,react也能保证重新渲染组件,使得你的UI组件能够同步更新。下面通过一个简单demo介绍一下:
这里要实现的效果是每隔2秒就随机从messages数组
中取出一个元素,显示到页面。其中<Greeting message={randomMessage}/>
给选中的元素设置一个变量名称叫做message
作为内容被传递出去,并且你也需要使用一对{}包裹内容。在Greeting
组件中,我们通过this.props.message
来获取传递过来的元素。注意message
的一致性。
高能预警:
props
是固定的,不能随意改变。我们只是通过props来传递各种内容给组件。
最后一篇将介绍 State and Events。。。。。。。。。。。