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自述文件上的相應文檔 。