reactjs - google api 已经出现在 react 应用程序中

Question

“谷歌 API 已经呈现”

1.

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=GOOGLE API KEY0&libraries=places"></script>
    <script>
        function init() {

            var options = {
              types: ['(cities)'],
              componentRestrictions: {country: "au"}
            };

            var input = document.getElementById('citySearch');
            var autocomplete = new google.maps.places.Autocomplete(input,options);
        }

        google.maps.event.addDomListener(window, 'load', init);
    </script>

2

  return (
    <div className="googleMapContainer">
      {console.log(window.google)}
      <LoadScript googleMapsApiKey={googleApiKey}>
        <div className="googleMap">
          <GoogleMap

如何处理？一个 api key 在 index.html 中，另一个试图使用 api key 作为组件 react-google-maps 的 Prop

Answer 1

尝试 <GoogleMap />没有<LoadScript />在代码2中查看更多here

或者，您可以将 LoadScript 移动到不经常渲染的父组件，最好靠近树的根。