我正在使用react-native创建一个项目,我正在使用react-native-router-flux。 我尝试编译时遇到以下错误
未为key = root设置Component属性
这里有代码
import React, { Component } from 'react' import { Router, Scene } from 'react-native-router-flux' import { Gallery } from './gallery' import { Events } from './events' export default class Album extends Component { render () { return ( <Router> <Scene key='root'> <Scene key='gallery' component={Gallery} title='Gallery' /> <Scene key='events' component={Events} title='Events' /> </Scene> </Router> ) } }有帮助吗? 谢谢!
I'm creating a project on react-native and I'm using react-native-router-flux. I get the following error when I try to compile
Component property is not set for key=root
Here is there code
import React, { Component } from 'react' import { Router, Scene } from 'react-native-router-flux' import { Gallery } from './gallery' import { Events } from './events' export default class Album extends Component { render () { return ( <Router> <Scene key='root'> <Scene key='gallery' component={Gallery} title='Gallery' /> <Scene key='events' component={Events} title='Events' /> </Scene> </Router> ) } }Any help? Thanks!
最满意答案
我得到了同样的错误: [react-native-router-flux] component property is not set for key=root
我的代码如下所示: <Scene key="loginPage" Component={LoginPage} title="Login" initial={true} />
以下代码不会抛出错误:(组件为小写)
<Scene key="loginPage" component={LoginPage} title="Login" initial={true} />
I have realized the problem was that I was exporting the components I was trying to import in a wrong way. Now it is working.
Edit: The problem was that I was exporting Gallery and Events in a wrong way. Once I fixed the export worked.
The way I exported the components is:
export class Gallery extends Component { render () { return ( <View style={styles.container}> <Text>This is the Gallery</Text> </View> ) } }I hope now it's more helpful
更多推荐
发布评论