Skip to Content
ToolscreateStateContext

createStateContext

createStateContext 是一个用于快速创建 React Context 和相关组件的工具函数。它能够简化在 React 应用中共享状态的实现过程,使状态管理变得更加便捷。

API

参数

该函数接收一个配置对象,包含以下属性:

interface Params<T> { name: string; // Context 的名称,用于调试 useValueHooks: () => T; // 返回 Context 共享值的 Hook 函数 defaultValue?: T; // Context 的默认值 }

返回值

函数返回一个对象,包含以下属性:

  • useContextValue: Hook 函数,用于在组件中获取 Context 的值
  • Provider: React 组件,用于在组件树中提供 Context
  • withProvider: 高阶组件函数,用于将 Provider 包裹到指定组件上
  • Context: 创建的 React Context 对象

使用示例

Example