я следовал учебникам 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",
}