可复用性

• 横切关注点（cross-cutting concerns）
  • 状态逻辑复用
    • Hooks
  • 复用逻辑
    • Render Props
    • HOC 高阶组件/装饰器
    • Mixins 混入

自定义 Hooks

• https://zh-hans.react.dev/learn/extracting-state-logic-into-a-reducer
• https://zh-hans.react.dev/learn/reusing-logic-with-custom-hooks
• https://zh-hans.legacy.reactjs.org/docs/react-without-es6.html#mixins