Time: 20190717
React的组件数据分成两种：
- prop
- state
prop和state的改变，都会引起组件的重新渲染。
原则：prop是对外的接口，state是组件的内部状态。
为组件赋值
<SampleButton id="sample" borderWidth={2} onClick={onButtonClick} style={{color: "red"}}/>
为SampleButton定义了id, borderWidth, onClick和style四个prop。
所以可以将prop类比为HTML元素的属性，不过prop能支持的类型很丰富，除字符串外，可以是任何JS支持的数据类型。
注意，当prop不是字符串类型时，必须用{}包围起来。
这是JSX的语法。
外部世界向组件传递数据时，可以用prop，反之，组件向外部世界反馈数据时，也可以用prop。具体方式是，父组件交给子组件一个回调函数，子组件调用函数时带上必要的参数，就将信息传递给外部世界。
TBD.
