wix react native navigation registerComponent React is not defined

Question

在react-native-navigation 7.14.0中，Navigation.registerComponentWithRedux已经弃用，提示registerComponentWithRedux被弃用，下个版本会移除！请改用Navigation.registerComponent。访问文档以获取更多信息 https://wix.github.io/react-native-navigation/api/component#registering-a-component-wrapped-with-providers

import { Provider } from 'react-redux';
const store = createStore();

Navigation.registerComponent(`navigation.playground.MyScreen`, () => (props) =>
  <Provider store={store}>
    <MyScreen {...props} />
  </Provider>,
  () => MyScreen)
);

它与 registerComponentWithRedux 一起工作正常，但有已弃用的警告。为了消除警告，我将 registerComponentWithRedux 更改为以下内容，它在使用 React is not defined 启动的应用程序上崩溃了。我是做错了什么还是 registerComponent 与 redux 提供程序有错误？

import { Navigation } from 'react-native-navigation';
import { Provider } from 'react-redux';

Navigation.registerComponent(ScreenEnum.HOME_SCREEN, () => (props) =>
<Provider store={store}>
  <HomeScren {...props} />
</Provider>,
() => HomeScren);

Answer 1

尝试：

import React from 'react';
import { Navigation } from 'react-native-navigation';
import { Provider } from 'react-redux';

Navigation.registerComponent(ScreenEnum.HOME_SCREEN, () => (props) =>
<Provider store={store}>
  <HomeScreen {...props} />
</Provider>,
() => HomeScreen);

另请注意，在您的第二个示例中，您的 HomeScreen 组件拼写错误。

wix react native navigation registerComponent React is not defined

wix react native navigation registerComponent React is not defined

redux

react-native-navigation

wix-react-native-navigation