react项目经验(props与state)

使用props你可以吧任意类型的数据传递给组件；

组件对外公开一个简单的属性；（Props）来实现功能；

state和props主要的区别在于props是不可变的；而state可以根据与用户交互来改变；这就是为什么有些容器组件

需要定义state来更新和修改数据。而子组件只能通过props来传递数据。

在子组件中；我们可以使用 this.props.name 来获取父组件的state值；

在父组件中使用state;并通过子组件上使用this.props将其传递到子组件上；

在render函数中；我们设置name和site来获取父组件传递过来的数据；

props相当于组件的数据流；它总是会从父组件向下传递至所有的子组件；

通过 setProps()方法改变组件属性；触发组件重新渲染；

React基于状态实现对DOM控制和渲染；组件状态分为两种：一种是组件间的状态传递，另一种是组件的

内部状态；这两种状态使用props和state表示。props用于从父组件到子组件的数据传递；

组件内部也有自己的状态:state,这些状态只能在组件内部修改。

React基于状态实现对DOM控制和渲染；组件状态分为两种；

1：组件间的状态传递；（props） props从父组件到子组建的数据传递

2:组件的内部状态；    (state)  state只能定义在组件内部；定义组件的自己的状态

React中的数据流是单向的；只会从父组件传递到子组件；属于props;

属性props是父子组件间进行状态传递的接口；React会向下遍历整个组件树；并从新渲染使用这个属性的组件；

创建元素：React.createElement()

克隆元素：React.cloneElement()

React.DOM.div()===React.createElement('div')

组件（component）是对一个或一系列ReactElement的封装；在React中组件被认为是最小的功能分离点；

合理的利用组件，可以解耦业务复杂度；可以更高效的完成UI的编写；