如何在react.js中的脚本标记中使用javascriptSDK?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (141)

我正在尝试将第三方提供的外部JDK实现到我的反应应用程序中。实际上是在您的页面上插入交互式地图。在使用指南中,它实现如下:

<div class="mapdiv" id="some_id" other_important_content="something"></div>
<script src="https://example.com/script.js"></script>

你只需将它粘贴在你的HTML中,它就会在mapdiv中加载地图。

很可能这并不是反应如何处理这个问题。我想要一个地图小部件组件,但我应该如何包含这个脚本呢?它没有NPM包。我假设发生了什么是脚本查找div并加载相关内容。做出反应的最佳做法是什么?

提问于
用户回答回答于

可以像这样将它包含在index.html中

<!doctype html>
<head>
  <meta charset="utf-8">
  <title>Title</title>
</head>
<body>

  <script async defer src="https://example.com/script.js"></script>
  <script src="./index.js" async></script>

</body>
</html>

或者使用componentDidMount:

  componentDidMount() {
    loadJS(
      "https://example.com/script.js"
    ) 
  }

function loadJS(src) {
  const ref = window.document.getElementsByTagName("script")[0] 
  const script = window.document.createElement("script") 
  script.src = src 
  script.async = true 
  ref.parentNode.insertBefore(script, ref) 
}

扫码关注云+社区

领取腾讯云代金券