import { useSetAtom } from "jotai"
jotai
是一个与 React 一起使用的原子状态库。它用于管理组件状态,并且允许你创建可在多个组件中共享的状态。特点是小巧、高性能且易于理解。
useSetAtom
是 jotai
库中的一个钩子(hook)。它返回一个函数,这个函数可以用来更新与给定原子相关联的状态。
以下是一个示例:
import { atom, useAtom, useSetAtom } from 'jotai'
const countAtom = atom(0) // 创建一个原子状态,初始值为0
function Counter() {
const [count, setCount] = useAtom(countAtom)
const increaseCount = useSetAtom(countAtom)
return (
<div>
<p>Count: {count}</p>
<button onClick={() => increaseCount(c => c + 1)}>Increase</button>
</div>
)
}
在这个例子中,我们首先创建了一个原子状态 countAtom
代表一个计数器的状态。然后在 Counter
组件中,我们使用 useAtom
钩子获取当前的计数值以及对应的设置函数。然后,我们使用 useSetAtom
钩子获取另外一个更新状态的函数 increaseCount
。最后,在按钮点击事件中,我们使用该函数增加计数器的值。