Reactjs 如何将我的react本机屏幕保留在提供者标记中？

文档说明我可以像这样管理屏幕：

const App = createStackNavigator({
  MainScreen: { screen: MainScreen },
  SecondScreen: {screen: SecondScreen}
});

const App = () => (
  <ApolloProvider client={client}>
    <MyRootComponent />
  </ApolloProvider>
);

对于Apollo，文档说我应该通过将根组件放在Apollo Provider标记中进行集成，如下所示：

const App = createStackNavigator({
  MainScreen: { screen: MainScreen },
  SecondScreen: {screen: SecondScreen}
});

const App = () => (
  <ApolloProvider client={client}>
    <MyRootComponent />
  </ApolloProvider>
);

---

我猜RootComponent是一个常量，而不是React.Component类。但我不知道如何修复它。

看起来像屏幕组件的名称，RootComponent名称与提供程序中的组件名称不匹配

试试这个：

const RootComponent = createStackNavigator({
  MainScreen: { screen: MainScreen },
  SecondScreen: {screen: SecondScreen}
}, { initialRouteName: 'MainScreen' });

const App = () => (
  <ApolloProvider client={client}>
    <RootComponent />
  </ApolloProvider>
);

export default App;

编辑-

---

还要导出应用程序组件，并确保在索引文件的“渲染”功能中渲染它。

感谢您的注意。我将为问题添加一个编辑，并显示我得到的错误。RootComponent不需要是类。您可以发布MainScreen和SecondScreen组件的代码吗？RootComponent不需要是类。。这句话让我用不同的眼光看代码，令人失望的是，问题是我没有在文件末尾导出常量应用程序。请相应地编辑您的答案，以便我可以选择它作为正确的答案。。那就行了。完成！