Skip to main content

02 通过组件构建UI

React 组件​

组件一般不提供复杂的方法，推荐是一个纯函数，单向数据绑定。

父组件通过 props 传数据给子组件，子组件通过事件告诉父组件改变数据。

创建组件​

  1. 创建静态 UI
  2. 组件的状态
  3. 组件的交互

单一职责原则​

  1. 每个组件只做一件事
  2. 如果组件变得复杂，就应该拆分成小组件

数据管理状态：DRY 原则​

  1. 能计算得到的状态就不要单独存储
  2. 组件尽量无状态，所需数据通过 props 获取