在react.js的脚本标记中使用javascript SDK
在react.js的脚本标记中使用javascript SDK
提问于 2018-10-11 06:20:10
基本上，我正在尝试将第三方提供的外部JDK实现到我的react应用程序中。它本质上是在你的页面上插入一个交互式地图。在使用指南中，它是这样实现的：
<div class="mapdiv" id="some_id" other_important_content="something"></div>
<script src="https://example.com/script.js"></script>您只需将其粘贴到html中的任何位置，它就会在mapdiv中加载地图。
显然，这不是react处理这个问题的方式。我想要一个地图小部件组件，但我应该如何包含此脚本？没有针对它的NPM包。我假设发生的事情是脚本查找div并加载相关内容。在react中处理这个问题的最佳实践是什么？
回答 1
Stack Overflow用户
发布于 2018-10-11 06:58:57
您可以像这样将其包含在您的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)
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52749545
复制相关文章
相似问题