JotaiJotai

Jotai
React 原始而灵活的状态管理

Store

createStore

这个函数用于创建一个新的空存储。 该存储可以用于传入 Provider

存储有三个方法:get 用于获取原子值, set 用于设置原子值,以及 sub 用于订阅原子值的变化。

const myStore = createStore()
const countAtom = atom(0)
myStore.set(countAtom, 1)
const unsub = myStore.sub(countAtom, () => {
console.log('countAtom 值已更改为', myStore.get(countAtom))
})
// 使用 unsub() 来取消订阅
const Root = () => (
<Provider store={myStore}>
<App />
</Provider>
)

getDefaultStore

这个函数返回一个默认的存储,它在无提供者模式下使用。

const defaultStore = getDefaultStore()