已组件化方式 考虑ui构建

理解react组件
props+state =>决定了 view

1 react组件一般不提供方法,而是某种状态机
2 react组件可以理解为一个纯函数
3 单向数据绑定

创建一个建档的组件考虑

  • 创建静态ui
  • 考虑组件的状态组成
  • 考虑组件交互方式、

受控组件
状态来自外部
比如input 外部需要指定props和onchange

非受控组件
状态内部维护的

何时创建组件?:单一职责原则

  • 每个组件只做一件事 (组件时构建ui的最小元素)
  • 如果组件变得复杂,可以拆分成小组件,(好处,降低复杂度。 状态变化会刷新整个组件,拆分成小组件提高性能)

DRY原则

  • 能计算得到的状态就不要单独存储
    比如发ajax请求 无需loading数据 可以通过有无数据 尽量通过计算得到
  • 组件尽量无状态 所需数据通过props获取
    纯组件有更好的性能
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容