2017-06-25 3 views
0

私は反応してネイティブに反応するのが新しいです。"小道具は定義する必要があります"しかし、どのように?

私はアプリを起動し、それを参照してください

create-react-native-app my-project 

私は、このコマンドを使用して私のアプリを設定している

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

このチュートリアルを使用して、シンプルなアプリを設定しようとしています私の電話での万博

その後

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

私はそのチュートリアルのすべてのコードでApp.jsの内容を置き換えます。私はまた、必要なPageOne.jsPageTwo.jsを作成します。

私の携帯電話ですぐにエラーが発生します。

[react-native-router-flux] props should be defined

assert c:\my path...\react-native-router-flux\src\[email protected]: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> 
    ) 
    } 
} 
+0

ルートインデックスのコードを共有できますか。 –

+0

私はこれをしました – Loofer

+0

もしnpmが古くなったら、私は反応の現在のバージョンが16.0.0-alpha.12で、欲しいものは同じですが最新のものは15.6.1です。私はアルファビルドが欲しいと指定していない。これはエキスポの奇妙さが私に問題の原因となるアルファを使用することを余儀なくされていますか? – Loofer

答えて

0

I「はドン本当に決定的なswer。たぶん、さまざまな可動部分が新しくなっただけで、何かが外れてしまったのかもしれません。

私は

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

このページにアップグレード表に従ってpackage.jsonapp.jsonでいくつかのマジックナンバーを更新し、物事が再び機能し始めました。

私は、さまざまな反応物をインストールすることに悩まされていた人の中には、インストールされたバージョンが手に入らないものと思われました。おそらく私が生態系を本当に理解していれば、それは私には明白に見えるかもしれませんが、現時点では、紐と釣り糸の束のような感じです!