查克拉道克虎克队

反应钩为道场应用州管.

安装

npm install @chakra-dev/dojo-hooks

概览

• useDojoState: 反应钩子,用于 Dojo apps 的中央管理
• dojo: 跨组件状态共享全球单子实例

使用量

国家基本管理

import { useDojoState } from "@chakra-dev/dojo-hooks";

function MyComponent() {
  const [state, setState] = useDojoState({ count: 0 });

  return (
    <div>
      <p>Count: {state.count}</p>
      <button onClick={() => setState({ count: state.count + 1 })}>
        Increment
      </button>
    </div>
  );
}

全球国家接入

import { dojo } from "@chakra-dev/dojo-hooks";

// Access state from anywhere in your app
console.log(dojo.getState());

// Update state globally
dojo.setState({ user: { name: "John" } });

类型脚本支持

interface AppState {
  user: { name: string; email: string };
  settings: { theme: "light" | "dark" };
}

const [state, setState] = useDojoState<AppState>({
  user: { name: "", email: "" },
  settings: { theme: "light" }
});

API 参考

useDojoState<T>(initialState?: T)

返回一个状态值和一个更新它的函数,类似于 React 的 useState。 。 。 .

• 参数数字 :
  • initialState (可选):初始状态值
• 回返数字 : [state, setState] 二联

dojo

全球单子实例,提供:

• getState(): 获取当前状态
• setState(state): 更新全球状态

发展

1. 克隆

   git clone https://github.com/Chakra-Network/dojo-spas.git
   cd dojo-spas/dojo-hooks
   

2. 安装

   npm install
   

3. 构建

   npm run build
   

4. 发布

   • 弹出版本 package.json
   • npm publish --access public

许可证

麻省理工学院 @ Chakra 实验室