reactjs - 如何使用 Recoil 在 React 组件之外操作全局状态？

Question

我正在使用 Recoil，我想从实用程序函数内访问组件外部的存储(获取/设置)。

更一般地说，人们如何编写可重用函数来使用 Recoil 操纵全局状态？使用 Redux，我们可以直接将事件分派(dispatch)到商店，但我还没有找到 Recoil 的替代方案。

使用钩子(Hook)是一种很棒的开发人员体验，但是很难将组件内定义的函数转换为外部实用程序函数，因为钩子(Hook)只能在组件内使用。

Answer 1

您可以使用 recoil-nexus，这是一个小包，其代码类似于 Vadorequest 的答案。

https://www.npmjs.com/package/recoil-nexus

// Loading example
import { loadingState } from "../atoms/loadingState";
import { getRecoil, setRecoil } from "recoil-nexus";

export default function toggleLoading() {
  const loading = getRecoil(loadingState);
  setRecoil(loadingState, !loading);
}