反冲-如何正确使用socket.io更新原子

问题描述

我必须更新一个React组件之外的原子（在这里我不能使用钩子）。为了通过钩子（如useRecoilState等）在我订阅的React组件中获取更新的值，执行此操作的正确方法是什么？

解决方法

您通常不希望遇到这种情况：我建议您首先仔细检查您的方法。

但是，如果您最终仍然真的需要更新React之外的原子组件，则可以尝试使用Recoil Nexus。

在拥有RecoilRoot的同一文件中，您将拥有类似的内容：

import React from 'react';
import { RecoilRoot } from "recoil"
import RecoilNexus from 'recoil-nexus'

export default function App() {
  return (
    <RecoilRoot>
      <RecoilNexus/>
      
      {/* ... */}
      
    </RecoilRoot>
  );
};


export default App;

然后您需要在其中读取/更新值：

import yourAtom from './yourAtom'
import { useRecoilNexus as üseRecoilNexus } from 'recoil-nexus'

const [getAtomValue,setAtomValue] = üseRecoilNexus(yourAtom)

请记住要使用别名导入，否则ESlint会大吼大叫。

---

选中此CodeSandbox以获得实时示例。