JotaiJotai

状態
Primitive and flexible state management for React

useUpdateAtom

Ref: https://github.com/pmndrs/jotai/issues/26

For newer versions of Jotai you can also use useSetAtom instead.

import { atom, useAtom } from 'jotai'
import { useUpdateAtom } from 'jotai/utils'
const countAtom = atom(0)
const Counter = () => {
const [count] = useAtom(countAtom)
return <div>count: {count}</div>
}
const Controls = () => {
const setCount = useUpdateAtom(countAtom)
const inc = () => setCount((c) => c + 1)
return <button onClick={inc}>+1</button>
}