React-Redux错误提供给提供者的对象类型为对象的无效子属性prop

Question

通过学习Redux的工作原理，我非常绊脚石。 我目前遇到以下错误：

Warning: Failed propType: Invalid prop `children` of type `object` supplied to `Provider`, expected `function` 
Uncaught TypeError: children is not a function

我的代码如下-有人能发现我为什么收到此错误吗？

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { createStore, combineReducers } from 'redux';
import { Provider, connect } from 'react-redux';
import * as reducers from '../reducers/index';
import SassMeter from '../components/SassMeter';
import * as SassActions from '../actions/SassActions';
import _ from 'lodash'

const reducer = combineReducers(reducers);
const store = createStore(reducer);

ReactDOM.render(
  <Provider store={store}>
    <SassMeter />
  </Provider>,
  document.getElementById('root')
)

据我了解，这是在抱怨我向Provider传递了无效的prop，但是我看到的所有示例都遵循我在此处遵循的模式-使用createStore()创建商店，然后将其作为prop传入提供者，后者包装您的根元素。 我觉得也许我错过了一些与connect事情，但我不确定该怎么做。

所有帮助非常感谢！

Answer 1

您应该最有可能升级您的react-redux和/或react 。

在React <0.14和react-redux <1.0.0中，Provider组件仅接受一个函数作为children道具。 这是基于所有者的上下文传播的解决方法，不建议使用此方法，而在React 0.14中推荐使用基于父级的上下文传播。 请参阅react-redux 1.0.0自述文件上的相应文档 。