React-6 属性与组件数据流

120 阅读1分钟

组件树的划分原则

  • 根据单一职责原则SOLID之一)

一个类应该只有一个发生变化的原因

  • 根据业务逻辑的亲密关系判定组件关系

如何实现组件树

  • 根据mockup和业务划分组件层次
  • 采用自下而上的方式编写组件

原因:上层组件依赖于下层组件,所以要先写下面的组件。

  • 确定当前组件的数据流
  • 需要时对组件进行状态提升
  • 提取公共组件(重构)

父子组件之间的数据流

父组件      --props-→        子组件
         ←-事件触发方法--