时间戳

首页 > 解决方案 > 路由“示例”的组件必须是反应组件

react-native - 路由“示例”的组件必须是反应组件

问题描述

所以我有一个来自 react-navigation 的 rootstack 导航

我有一个带有 index.js 的文件夹 Markets，如下所示：

import ExampleOne from './ExampleOne';
import ExampleTwo from './ExampleTwo';
import ExampleThree from './ExampleThree';
import ExampleFour from './ExampleFour';
import ExampleFive from './ExampleFive';

export { 
    ExampleOne,
    ExampleTwo,
    ExampleThree,
    ExampleFour,
    ExampleFive
};

使用 ExampleOne.js 到 ExampleFive.js，如下所示：

import React, { Component } from 'react';
import { Container, Content, Text } from 'native-base';

export default class ExampleOne extends Component {
  render() {
    return (
      <Container>
        <Content>
          <Text>Example</Text>
        </Content>
      </Container>
    )
  }
};

但是当我将它导入到 RootStack.js 时，我得到一个错误“路由'ExampleOne'的组件必须是一个反应组件。'

RoutStack.js 像这样：

import React from 'react';
import { createStackNavigator } from 'react-navigation';

// Import all MarketsScreen
import { ExampleOne, ExampleTwo, ExampleThree, ExampleFour, ExampleFive } from './Markets';

const RootStack = createStackNavigator({
    ExampleOne: ExampleOne,
    ExampleTwo, ExampleTwo,
    ExampleThree: ExampleThree,
    ExampleFour: ExampleFour,
    ExampleFive: ExampleFive
});

export default RootStack;

我的代码有什么问题吗？我正在学习一些教程，但这对我不起作用

标签： react-nativereact-navigation

解决方案

尝试调用资源 ExampleOne、ExampleTwo..etc，不应该使用对象 {ExampleTwo} .. 是不必要的..

推荐阅读