在React外部使用存储

Jotai的状态存在于React中，但有时候我们希望能够在React之外与世界进行交互。

createStore

createStore 提供了一个可以用来存储你的 atoms 的 store 接口。使用 store，你可以从 React 外部访问和改变你存储的 atoms 的状态。

import { atom, useAtomValue, createStore, Provider } from 'jotai'

const timeAtom = atom(0)
const store = createStore()

store.set(timeAtom, (prev) => prev + 1) // 更新 atom 的值
store.get(timeAtom) // 读取 atom 的值

function Component() {
  const time = useAtomValue(timeAtom) // 在 React 内部
  return (
    <div className="App">
      <h1>{time}</h1>
    </div>
  )
}

export default function App() {
  return (
    <Provider store={store}>
      <Component />
    </Provider>
  )
}

示例