Skip to main content

React Practice

状态划分

  • 作用域
    • 全局状态
      • out-of-tree 状态
      • 也可以是顶部 Context 提供状态
      • 只有一份
    • 上下文状态
      • 通过 Context 提供
      • 也可以通过 Context 提供 key 然后从全局取部分 状态
      • 可能有平行的 上下文状态
    • 本地状态
      • 单个组件内部
      • useState
  • 目的
    • 数据状态
      • 服务端返回数据
      • 一般不会 proxy
      • 可能根据 id 订阅变化
      • 基于查询条件变化状态
      • useQuery
    • 控制状态
      • 影响数据状态
        • 例如 pageSize, pageNumber, filter, search
      • 影响展示
        • 例如 显示列
    • 视图状态
      • 主要样式显示相关
      • 可能配合用户的个人偏好
      • 例如 theme
    • 组件结构状态
      • useTable
      • 大型组件跨越多个组件的状态信息