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 module export options

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

NavigatorIOS错误 - React Native

1 个答案: