2017-01-16 2 views
1

я следовал учебникам Redux, создавая приложение Todo, и я попытался применением Redux Dev Tools и пытался внедрить его под моим Provider вместе React Router однако я получаю эту ошибку:Redux Dev Tools неудовлетворительный при встраивании внутри поставщика наряду Реагировать маршрутизатор

Warning: Failed prop type: Invalid prop `children` of type `array` supplied to `Provider`, expected a single ReactElement. 
    in Provider (created by Root) 
    in Root 

Вот как я пытаюсь внедрить его:

import { createStore } from 'redux' 
import todos from './reducers' 
import DevTools from './components/DevTools' 

const store = createStore(todos, {}, DevTools.instrument()) 

const Root = ({ store }) => (
    <Provider store={store}> 
     <Router history={browserHistory}> 
      <Route path="/(:filter)" component={App} /> 
     </Router> 
     <DevTools /> <!-- If I remove DevTools everything is fine --> 
    </Provider> 
) 

Root.propTypes = { 
    store: PropTypes.object.isRequired 
} 

render(<Root store={store} />, document.getElementById('app')) 

Моя DevTools реализация просто полностью схватился от documentation Вот мои текущие зависимости:

{ 
    "react": "^15.4.2", 
    "react-dom": "^15.4.2", 
    "react-redux": "^5.0.2", 
    "react-router": "^3.0.1", 
    "redux": "^3.6.0", 
    "redux-devtools": "^3.3.2", 
    "redux-devtools-dock-monitor": "^1.1.1", 
    "redux-devtools-log-monitor": "^1.2.0", 
} 

ответ

0

На всякий случай это помогает всем, я держу этот вопрос открытым. Поэтому я решил это, поставив <DevTools /> рядом с компонентом <Provider /> и передал в store.

const Root = ({ store }) => (
    <Provider store={store}> 
     <Router history={browserHistory}> 
      <Route path="/(:filter)" component={App} /> 
     </Router> 
    </Provider> 
    {!isProduction && <DevTools store={store} /> } 
) 

Также я указал, если кодовая для производства, если нет, то показать <DevTools/> компонент, это так, когда вы строите ваше заявление Redux DevTools не будет включен в основной части вашего приложения.

Смежные вопросы