如何将GoogleAppComponent HOC连接到redux商店？

Question

我正在创建一个react组件，以基于lat/long坐标列表在地图上显示标记。

使用谷歌地图反应npm包，我有一个容器组件和一个地图组件。MapsContainer组件被包装在GoogleApiComponent HOC中，如下所示。

export default GoogleApiComponent({
  apiKey: 'myapikey'
})(MapContainer);

我现在需要做的是将这个MapContainer组件连接到用于lat/long组件列表的redux存储。我试过了

export default connect(mapStateToProps)(GoogleApiComponent);

和

const composeHoc = compose(
  connect(mapStateToProps),
  GoogleApiComponent
);

每次我收到以下警告并且我的贴图不渲染时：

警告：函数作为子函数无效。如果返回的是组件而不是

我的问题是：如何将GoogleApiComponent HOC连接到我的redux商店？

注意：我的实现基于npm包附带的教程




Answer 1

尝试用GoogleApiComponent将其完全包装：

export default connect(mapStateToProps)(GoogleApiComponent({
                                        apiKey: 'myapikey'
                                       })(MapContainer));