NavigatorIOS错误 - 阵营本地

Question

阵营本地

当我尝试去另一页我不断收到此错误

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

如果这不工作，问题是Menu组件您正试图导航到。