创建Component的方式

(createClass&)

createClass&

组件的props、state等都是以对象属性的方式组合在一起，其中默认属props和初始state都是返回对象的函数

(component&)

component&

state是通过在构造函数中对this.state进行赋值实现，而组件的props是在类Greeting上创建的属性

组件的props是父组件通过调用子组件向子组件传递的，子组件内部不应该对props进行修改，它更像是所有子组件实例共享的状态，不会因为子组件内部操作而改变，因此将props定义为类Greeting的属性更为合理。

而在面向对象的语法中类的属性通常被称作静态(static)属性，这也是为什么props还可以像上面注释掉的方式来定义。

对于Greeting类的一个实例对象的state，它是组件对象内部维持的状态，通过用户操作会修改这些状态，每个实例的state也可能不同，彼此间不互相影响，因此通过this.state来设置。

用这种方式创建组件时，React并没有对内部的函数，进行this绑定

(pureComponent&)

pureComponent&

当组件的props或者state发生变化的时候：React会对组件当前的Props和State分别与nextProps和nextState进行比较，当发现变化时，就会对当前组件以及子组件进行重新渲染，否则就不渲染。

有时候为了避免组件进行不必要的重新渲染，我们通过定义shouldComponentUpdate来优化性能。

不需要手动来写shouldComponentUpdate了

 

当props或者state本身是嵌套对象或数组等时，浅比较并不能得到预期的结果，这会导致实际的props和state发生了变化，但组件却没有更新的问题

ListOfWords组件来将单词数组拼接成逗号分隔的句子，它有一个父组件WordAdder让你点击按钮为单词数组添加单词

避免使用可变对象作为props和state，取而代之的是每次返回一个全新的对象

(Stateless Functional Component&)

Stateless Functional Component&

都是用来创建包含状态和用户交互的复杂组件，当组件本身只是用来展示，所有数据都是通过props传入的时候，我们便可以使用Stateless Functional Component来快速创建组件。

Stateless Functional component没有shouldComponentUpdate,所以也无法控制组件的渲染，也即是说只要是收到新的props，Stateless Functional Component就会重新渲染。

我更推荐使用PureComponent，因为它提供了更好的性能，同时强制你使用不可变的对象，保持良好的编程习惯。