reactjs - 如何创建 Recoil MutableSnapshot？

Question

根据文档， https://recoiljs.org/docs/api-reference/core/RecoilRoot

<RecoilRoot>接受 Prop 为 initializeState?: (MutableSnapshot => void)签名。
能够初始化反冲状态，所以我想使用这个 Prop ，但我不明白如何制作 MutableSnapshot对象。

import {RecoilRoot} from 'recoil';

function AppRoot() {
  return (
    <RecoilRoot initializeState={/* How to setup arguments here? */} >
      <ComponentThatUsesRecoil />
    </RecoilRoot>
  );
}

另一方面Snapshot从useRecoilSnapshot()更容易获得不过。

Answer 1

我自己找到了问题的答案。MutableSnapshot 由 Recoil 库代码自动传递，因此用户不必自己创建 MutableSnapshot 对象。

下面的代码通常是initializeState的用法。通过对象解构从 MutableSnapshot 中选择您需要的参数(设置、获取等)，然后编写状态初始化代码。

  render(
    <RecoilRoot
      initializeState={({ set }: MutableSnapshot): void =>
        set(recoilState, initialRecoilStateValue)
      }
    >
      {ui}
    </RecoilRoot>
  )