如何將反沖庫與 react-native 集成？

Question

我正在嘗試來自 facebook后坐力的新 state 管理庫，我在 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

走向釋放

看這里

大家好。 僅供參考，我們已經發布了一個“夜間構建”分支用於測試目的，如果您想在我們發布下一個版本之前嘗試使用 react native 進行反沖：嘗試使用 npm/yarn 的“安裝 git 分支”功能安裝夜間分支：

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

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

Answer 3

更新：現在 Recoil.js 中的 RN 支持是實驗性的。

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

Answer 4

每晚構建都支持它。 如果你想在下一個版本發布之前嘗試，你可以安裝它：

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

更新可以關注這個PR

Answer 5

嘗試在 RecoilTest.js 文件中使用“useRecoilValue”

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