Question

所以我有一个React组件，它使用google-maps-react包和redux

现在，我需要一起导出connect()和GoogleApiWrapper。我在Google上搜索了一下，发现有人这样做：

export default connect(
  mapStateToProps,
  { saveMapCoords }
)(
  GoogleApiWrapper({
    apiKey: 'AIzaSyA5EqRGJ-YR-2ZCGxThhtFZKwNBy6wk73c'
  })
)(Maps)

Maps是类名。

不幸的是我得到这个错误： TypeError: Object(...)(...)(...) is not a function

这是从GoogleApiWrapper行返回的

有人知道为什么会这样吗？他们是分开工作但不能一起工作

Answer 1

您之前已经关闭了括号。 GoogleApiWrapper

GoogleApiWrapper({
  apiKey: (YOUR_GOOGLE_API_KEY_GOES_HERE)
})(MapContainer)

是一个HOC，它将返回一个新组件，然后将其传递给connect。

尝试一下

export default connect(
    mapStateToProps,
    { saveMapCoords }
)(
    GoogleApiWrapper({
        apiKey: "AIzaSyA5EqRGJ-YR-2ZCGxThhtFZKwNBy6wk73c"
    })(Maps)
)

在ReactJS导出中合并多个对象

1 个答案: