Question

我正在创建一个反应组件，以基于经/纬度坐标列表在地图上显示标记。

使用google-maps-react npm包，我有一个容器组件和一个地图组件。 MapsContainer组件包装在GoogleApiComponent HOC中，如下所示。

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

我现在要做的是将此MapContainer组件连接到redux存储以获取经纬度/长期分量的列表。我尝试过

export default connect(mapStateToProps)(GoogleApiComponent);

和

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

每次我都会收到以下警告，但我的地图不会呈现：

Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.

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

注意：我的实现基于npm软件包的accompanying tutorial

Answer 1

尝试用GoogleApiComponent将其完全包裹：

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

如何将GoogleApiComponent HOC连接到redux存储？

1 个答案: