Компонент для маршрута «Пример» должен быть компонентом реакции

Question

Таким образом, у меня есть навигация корневого стека от Reaction-Navigation

У меня есть папка Markets с index.js, например:

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' должен быть компонентом React. '

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;

Что-то не так с моим кодом? Я следую некоторому руководству, но это не работает для меня

Answer 1

попробуйте вызвать ресурсы ExampleOne, ExampleTwo..etc, не следует использовать объект {ExampleTwo} .. не нужен ..