如果您希望组件使用反冲功能，则必须将组件 Package 在RecoilRoot中。https://recoiljs.org/docs/api-reference/core/RecoilRoot/
因此，在使用useRecoilValue挂钩之前，必须将代码 Package 在<RecoilRoot>中。
示例：

import {RecoilRoot} from 'recoil';

function AppRoot() {
  return (
    <RecoilRoot>
      <ComponentThatUsesRecoil />
    </RecoilRoot>
  );
}

建议在根（App.tsx或任何根元素的名称）上使用这个钩子，这样所有其他组件就可以按预期使用Recoil钩子，而不必每次都将组件 Package 在RecoilRoot中。

要正确使用Recoil（* React* 的状态管理库），您必须添加RecoilRoot Package 组件。
使用反冲状态的组件需要RecoilRoot出现在父树中的某个位置。

示例来自 * 官方docs*

import React from 'react';
import Account from './Account.jsx';
import {
  RecoilRoot,
  atom,
  selector,
  useRecoilState,
  useRecoilValue,
} from 'recoil';

function App() {
  return (
    <RecoilRoot>
      <ComponentsThatUseRecoilState />
      {/* in Your case <Account /> component */}
    </RecoilRoot>
  );
}

您需要在App组件上使用RecoilRoot组件。例如：
在App.js文件上

import React from 'react';
import { RecoilRoot } from 'recoil';
import Account from './Account.jsx';

function App() {
  return (
    <RecoilRoot>
      <Account />
    </RecoilRoot>
  );
}