Question

我是新手，能够做出反应并做出反应。

我正在尝试使用本教程设置一个简单的应用

https://github.com/aksonov/react-native-router-flux/blob/master/docs/MINI_TUTORIAL.md

我已使用此命令设置我的应用

create-react-native-app my-project

我启动应用程序并在手机上看到它。

然后

npm i react-native-router-flux --save

我将App.js的内容替换为该教程中的所有代码。我还创建了必需的PageOne.js和PageTwo.js。

然后我在手机上立即收到错误。

[react-native-router-flux]道具应该定义

断言   c：\ my path ... \ react-native-router-flux \ src \ Util.js@34:10

如何定义这些道具？我需要做些什么来实现这个目标？

附加功能！

代码与该教程完全相同，

App.js

import React, { Component } from 'react';
import { Router, Scene } from 'react-native-router-flux';

import PageOne from './PageOne';
import PageTwo from './PageTwo';

export default class App extends Component {
  render() {
    return (
      <Router>
        <Scene key="root">
          <Scene key="pageOne" component={PageOne} title="PageOne" initial={true} />
          <Scene key="pageTwo" component={PageTwo} title="PageTwo" />
        </Scene>
      </Router>
    )
  }
}

PageOne.js

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { Actions } from 'react-native-router-flux';

export default class PageOne extends Component {
  render() {
    return (
      <View style={{margin: 128}}>
        <Text onPress={Actions.pageTwo}>This is PageOne! </Text>
      </View>
    )
  }
}

PageTwo.js

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { Actions } from 'react-native-router-flux';

export default class PageTwo extends Component {
  render() {
    return (
      <View style={{margin: 128}}>
        <Text onPress={Actions.pageOne}>This is PageTwo!</Text>
      </View>
    )
  }
}

Answer 1

我真的没有确定的答案。也许只是对许多不同的运动部件不熟悉导致某些事情变得不合时宜。

我根据此页面上的升级表更新了package.json和app.json中的一些幻数

https://github.com/react-community/create-react-native-app/blob/master/VERSIONS.md

事情开始重新开始了。

我认为我在安装各种反应方面的一些颠簸已经使安装的版本失去了步骤。也许如果我真的了解这个生态系统，那对我来说似乎很清楚，但此刻感觉就像是一串串绳和叮当作响！

“应该定义道具”，但如何？

1 个答案: