Redux Provider 没有传递 Props/State

【问题标题】：Redux Provider not passing down Props/StateRedux Provider 没有传递 Props/State
【发布时间】：2016-12-08 15:33:35
【问题描述】：

我使用 create-react-app 创建了一个 React 应用程序，并将 Redux 添加到其中。添加<Provider store={store} /> 之后，只有我作为connect 上的参数（主要组件）传递的组件正在接收道具/状态。为什么嵌套组件不接收它们？

我不会在这里粘贴代码，因为我不知道是什么导致了问题。相反，这里是整个 App 的链接：https://github.com/KadoBOT/Box.es

【问题讨论】：

因为你没有connect他们去商店
connect 在那里： const App = connect(mapStateToProps, mapDispatchToProps)(process.env.REACT_APP_ENV === 'template' ? TemplatePage : MainPage)

【解决方案1】：

目前你是connecting 只有MainPage or TemplatePage 组件，取决于条件。但是你不要把道具往下推。您可以通过以下几种方式在子组件中获取它

React.cloneElement
使用connect > connect(mapStateToProps, mapDispatchToProps)(ChildComponent)
您可以从MainPage or TemplatePage 组件显式传递它 <ItemView {...this.props}/> ... <ItemSidebar {...this.props}/>

谢谢

【讨论】：