使Google商家信息与React localhost一起使用

Question

Google Places API脚本链接位于index.html的底部。当我访问localhost：3000时，代码工作正常，但当我转到localhost：3000 / set-location时，它会停止工作，好像它不存在一样。我正在使用Webpack和它的开发服务器

webpack.js

App.js

Header.js

index.html

index.js

Answer 1

由于Google Places API脚本不依赖于DOM，因此我将其放在首位。然后在componentDidMount（）中动态加载autocomplete.js：

 componentDidMount(){
    const script = document.createElement("script");
    script.src = "./assets/js/autocomplete.js";
    document.body.appendChild(script);
  }