bugfix> javascript > 投稿

つまり、 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 から返されます

これがなぜ起こるのか誰もが知っていますか?それらは別々に動作しますが、一緒には動作しません

回答 1 件
  • 前にブラケットを閉じています。ザ・ GoogleApiWrapper  

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

    は新しいコンポーネントを返すHOCであり、 connect に渡します 。

    これを試してください

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

あなたの答え