理解react组件
props+state =>决定了 view
1 react组件一般不提供方法,而是某种状态机
2 react组件可以理解为一个纯函数
3 单向数据绑定
创建一个建档的组件考虑
- 创建静态ui
- 考虑组件的状态组成
- 考虑组件交互方式、
受控组件
状态来自外部
比如input 外部需要指定props和onchange
非受控组件
状态内部维护的
何时创建组件?:单一职责原则
- 每个组件只做一件事 (组件时构建ui的最小元素)
- 如果组件变得复杂,可以拆分成小组件,(好处,降低复杂度。 状态变化会刷新整个组件,拆分成小组件提高性能)
DRY原则
- 能计算得到的状态就不要单独存储
比如发ajax请求 无需loading数据 可以通过有无数据 尽量通过计算得到 - 组件尽量无状态 所需数据通过props获取
纯组件有更好的性能