javascript - 在 ReactJS 导出中组合多个对象

Question

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

现在问题是我需要一起connect()导出GoogleApiWrapper。我用谷歌搜索了一下，发现有人这样做：

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)
)