NavigatorIOS 错误 - 反应本机

【问题标题】：NavigatorIOS Error - React NativeNavigatorIOS 错误 - 反应本机
【发布时间】：2016-03-02 04:45:11
【问题描述】：

反应原生

当我尝试转到另一个页面时，我不断收到此错误

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”的对象检查渲染方法

【问题讨论】：

Menu 组件有问题，可以附上它的代码吗？

标签： javascript react-native navigator

【解决方案1】：

这是一个很常见的错误。这通常意味着您正在导入的组件存在问题。检查您是否正在导出 Menu 并正确导入它（相对文件路径是否正确）。如果文件路径正确...

默认导出

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

然后像这样导入

import Menu from 'relativeFilePath'

命名导出

或者如果菜单所在的文件有多个命名导出，例如

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

您必须解构导入并匹配名称...

import {Menu} from 'relativeFilePath'

在此处查看更多信息ES6+ javascript module export options

如果这不起作用，则问题出在您尝试导航到的菜单组件上。

【讨论】：