Ошибка NavigatorIOS - React Native

Question

React Native

Когда я пытаюсь перейти на другую страницу, я получаю эту ошибку

goToMenu(){
 this.props.navigator.push({
  component: Menu,
  title: 'Main Menu',
  passProps: {navigator: this.props.navigator},
})
}

<View style={styles.mainContainer}>
 <TouchableHighlight
  style={styles.menuButton}
  onPress={this.goToMenu.bind(this)}>
  <Text style={styles.buttonText}> Go To Menu </Text>
 </TouchableHighlight>
</View>

недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция для составных компонентов, но есть метод визуализации проверки объекта 'navigatorios'

Answer 1

Это довольно распространенная ошибка. Обычно это означает, что есть проблема с компонентом, который вы импортируете. Проверьте, что вы экспортируете Menu и импортировать его правильно (правильный относительный путь к файлу). Если путь к файлу правильный...

Экспорт по умолчанию

export default () => (
     ...
);

Затем импортируйте как это

import Menu from 'relativeFilePath'

Именованный экспорт

Или, если файл меню имеет несколько именованных экспортов, например

export const Menu ...
export const SomeOtherComponent ...

Вам придется деконструировать импорт и сопоставить имя...

import {Menu} from 'relativeFilePath' 

Подробнее здесь ES6+ опции экспорта модуля javascript

Если это не работает, проблема связана с компонентом меню, к которому вы пытаетесь перейти.