2016-09-08 21 views
3

に「onlyChild正確に一つの子供と子供を渡さなければならない」このコンポーネントは、クローム、サファリ、Firefox、およびMSエッジに期待どおりに動作します:反応-Reduxのプロバイダがエラーを与えるIE 10/11

import { Provider } from 'react-redux'; 
import Store from './Store'; 
import Root from './Root'; 

class AppProvider extends React.Component { 
    render() { 
    return (
     <Provider store={Store}> 
     <Root /> 
    </Provider> 
    ); 
    } 
} 

export default AppProvider; 

しかし、IE 10/11では、それはスローされます: "警告:失敗した小道具のタイプ:無効な小道childrenProviderに供給され、単一のReactElementが必要です。

しかし、ルートは単一のReactElementですか?以下に、ルート要素を示します。

import Main from './Main'; 
import ProjectList from './ProjectList'; 
import ContactList from './ContactList'; 

import { Router, Route, IndexRoute } from 'react-router'; 
import { History } from './History'; 

class Root extends React.Component { 
    render() { 
    return (
     <Router history={History}> 
     <Route path="/" component={Main}> 
      <IndexRoute component={ProjectList}></IndexRoute> 
      <Route path="/:projectId" component={ContactList}></Route> 
     </Route> 
     </Router> 
    ); 
    } 
} 

export default Root; 

実際にこの問題が原因でルートが作成されました。以前は、ルータを他のブラウザからの引数なしにプロバイダに置くだけでした。

+0

もしかしたら何かが起きているかどうかを調べるためにReact Dev Toolsを調べてみてください – azium

+1

また、あなたのルートコンポーネントのコンストラクタは何もしていません。 – azium

+0

あなたはそうです、私はそれがそれと何か関係があるかどうかを見るためにほとんど迷信的にそれを加えました。 – Benjamin

答えて

2

これは私自身の間違いの結果でした。私は何とか2つの異なるバージョンのReactを使っていました。

関連する問題