2016-10-21 13 views
3

私は過去数週間、Reactを学んできました。
最初に簡単なReactでチャットを開発しましたが、今ではReduxを自分のアプリに統合し始めました。プロバイダの小児が無効

単純なアクション、一致するリデューサー(ルートレデューサーと一緒に)とストアを追加しました。 私はその後、私は反応し-Reduxのライブラリーからプロバイダーを使用する必要がある部分に達し:

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { Provider } from 'react-redux'; 
import { Router, browserHistory } from 'react-router'; 
import ConfigureStore from './Store/ConfigureStore'; 
import Routes from './Routes'; 

const store = ConfigureStore(); 
ReactDOM.render(
    <Provider store={store}> 
     <Router history={browserHistory} 
      routes={Routes} />, 
    </Provider>, 
    document.getElementById('root') 
); 

のAppは罰金コンパイルが、私は、コンソールに次のエラーが表示さ:

Warning: Failed prop type: Invalid prop children of type array supplied to Provider , expected a single ReactElement. in Provider

Uncaught Invariant Violation: React.Children.only expected to receive a single React element child.

私はReact Create Appをスターターキットとして使用しています。

フルコードはhereです。

+1

Warning: Failed prop type: Invalid prop children of type array supplied to Provider , expected a single ReactElement.

Uncaught Error: React.Children.only expected to receive a single React element child.

は、この形式で書き込みプロバイダで私に発生します。 ''、 '' <'ルータ履歴y = {browserHistory} routes = {Routes} /> ''。それを削除してみますか? – iamnat

+0

@iamnat私は2時間のように私の頭を掻き回していた。答えてください、私はそれを選択します。私はそのような小さな事を逃したとは信じられません。 – Jjang

答えて

6

あなたは,

<Router history={browserHistory} routes={Routes} />後にそれを削除してくださいがありますか?

8

同じエラー:正しく代わりに

<Provider store={store}> <App4Connected /> </Provider> 

次作品:あなたが持っている

<Provider store={store}> 
    <App4Connected /> 
</Provider> 
+3

うわー、ありがとう。それがトリックでした。なぜ私は不思議です。 – RootNode

+0

jsxは空白に敏感です。 「プロバイダ」には2人のテキストの子供がいたと私は信じている。 – cdosborn

関連する問題