未为key = root设置Component属性(Component property is not set for key=root)

未为key = root设置Component属性(Component property is not set for key=root)

我正在使用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