2017-09-25 11 views
0

プロバイダをレンダリングコードで使用しているかどうかに関わらず、空白の画面が表示されます。それから、私はただ反応を還元するからプロバイダをインポートするだけで、私は空白の画面が表示されます。しかし、私が​​をコメントアウトすると、アプリは正常に動作します。react-redux 5.0.5からプロバイダをインポートすると反応ネイティブで空白の画面が表示される

公式レポで示唆したように、私は重複がないチェックしてはnpm ls reactでインストールモジュールと反応し、再来のバージョンが反応し、ネイティブと協力すべき、5の上にある反応します。

問題をどのように解決すればよいですか?おかげさまで

App.js:

import React from 'react'; 
import { 
    Platform, 
} from 'react-native'; 

import { Router, Scene } from 'react-native-router-flux'; 
import { Provider } from 'react-redux'; 
import Home from './pages/Home'; 
import Chat from './pages/Chat'; 

export default class App extends React.Component { 
    render() { 
     return (
      <Router> 
       <Scene key='root' style={{paddingTop: Platform.OS === 'ios' ? 64 : 54}}> 
        <Scene key='home' title='Home' component={Home}/> 
        <Scene key='chat' title='Chat' component={Chat}/> 
       </Scene> 
      </Router> 
     ); 
    } 
} 

Package.jsonの依存関係:

"dependencies": { 
    "async-storage": "^0.1.0", 
    "body-parser": "^1.18.1", 
    "classnames": "^2.2.5", 
    "cookie": "^0.3.1", 
    "es6-promise": "^4.1.1", 
    "express": "^4.15.4", 
    "firebase": "^3.9.0", 
    "jsonwebtoken": "^8.0.1", 
    "mkdirp": "^0.5.1", 
    "moment": "^2.18.1", 
    "mongoose": "^4.11.11", 
    "morgan": "^1.8.2", 
    "multer": "^1.3.0", 
    "nodemailer": "^4.1.0", 
    "normalizr": "^3.2.3", 
    "object-assign": "^4.1.1", 
    "passport": "^0.4.0", 
    "passport-facebook": "^2.1.1", 
    "passport-jwt": "^3.0.0", 
    "prop-types": "^15.5.10", 
    "react": "16.0.0-alpha.12", 
    "react-native": "0.47.0", 
    "react-native-gifted-chat": "0.0.10", 
    "react-native-router-flux": "^4.0.0-beta.21", 
    "react-redux": "5.0.5", 
    "react-router-redux": "^4.0.8", 
    "redux": "^3.7.2", 
    "redux-form": "^7.0.4", 
    "redux-logger": "^3.0.6", 
    "redux-persist": "^4.9.1", 
    "redux-thunk": "^2.2.0", 
    "serialize-javascript": "^1.4.0", 
    "superagent": "^3.6.0", 
    "validator": "^8.2.0", 
    "webpack-isomorphic-tools": "^3.0.4" 
    } 
} 

答えて

0

は、なぜあなたはの反応コンポーネントを使用してはいけません。反応-Reduxのを使用

import React, { Component } from 'react' 

下記をご覧

import { connect } from 'react-redux' 

export default connect(mapStateToProps, {sampleActionHere})(ComponentsName) 
+0

React.ComponentとComponentの間には違いはないとは思いますが、そして、私は下位レベルのコンポーネント(私の例ではHomeやChatなど)にのみconnectを使用します。 Btw、私は自分の問題を解決するためにreact-reduxを更新する必要があることが判明しました。おかげさまで –

+0

低レベルでも接続を使用しています。しかし、私は反応を還元するために使用するポイントがないので、反応の成分のみを使用しています。あなたはそれを固定してうれしいです。歓声! –

0

私が反応し-Reduxの5.0.6にアップグレードすることで問題を解決していると思うように接続します。

関連する問題