reactjs - 如何将反冲库与 react-native 集成？

Question

我正在尝试来自 facebook reoil 的新状态管理库，我在 reactjs 项目上尝试了入门示例，它运行良好。之后我在一个 react-native 项目上尝试了反冲，但我得到了一个错误：

这是我尝试过的代码：

应用程序.js

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

const App = () => {
  return (
    <RecoilRoot>
      <RecoilTest />
    </RecoilRoot>
  );
};

export default App;

RecoilTest.js

import React from 'react';
import {useRecoilState} from 'recoil';
import {View, Text} from 'react-native';
import {textState} from './Atoms';

const RecoilTest = () => {
  const [text, setText] = useRecoilState(textState);
  return (
    <View>
      <Text>{text}</Text>
    </View>
  );
};

export default RecoilTest;

原子.js

import {atom} from 'recoil';

export const textState = atom({
  key: 'textState',
  default: 'initial value',
});

Answer 1

Recoil 还没有完全支持原生反应

Answer 2

更新：现在 Recoil.js 中的 RN 支持是实验性的。

https://github.com/facebookexperimental/Recoil/releases/tag/0.1.1

Answer 3

走向释放

看这里

大家好！仅供参考，我们已经发布了一个“夜间构建”分支用于测试目的。如果您想在我们发布下一个版本之前尝试使用 react native 进行反冲，请尝试使用 npm/yarn 的“安装 git 分支”功能安装 nightly 分支：

npm install https://github.com/facebookexperimental/Recoil.git#nightly

或者 yarn add https://github.com/facebookexperimental/Recoil.git#nightly

Answer 4

每晚构建都支持它。如果你想在下一个版本发布之前尝试，你可以安装它：

yarn add https://github.com/facebookexperimental/Recoil.git#nightly

本次PR可关注更新

Answer 5

尝试在 RecoilTest.js 文件中使用“useRecoilValue”

const [text, setText] = useRecoilValue(textState);