如何将html+javascrip代码转换为react
如何将html+javascrip代码转换为react
提问于 2021-06-04 15:31:17
这是Longdomap的html + javascipt显示地图，我想转换成React
这是豆瓣龙在这里输入链接描述
提前谢谢你的回答
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Create Map Sample | Longdo Map</title>
<style type="text/css">
html {
height: 100%;
}
body {
margin: 0px;
height: 100%;
}
#map {
height: 100%;
}
</style>
<script type="text/javascript" src="https://api.longdo.com/map/?key=[YOUR-KEY-API]"></script>
<script>
function init() {
var map = new longdo.Map({
placeholder: document.getElementById('map')
});
}
</script>
</head>
<body onload="init();">
<div id="map"></div>
</body>
</html>回答 1
Stack Overflow用户
发布于 2021-06-04 15:41:26
尝试如下:首先，将以下脚本标记添加到公用文件夹中的index.html中，用实际键替换您的密钥-API :)
<script type="text/javascript" src="https://api.longdo.com/map/?key=[YOUR-KEY-API]"></script>创建一个反应性函数组件，如下所示：
import React, {useEffect} from 'react';
const MyMap = () => {
const init = () => {
var map = new longdo.Map({
placeholder: document.getElementById('map')
});
}
useEffect(() => {
init();
}, []);
return (<div id="map"></div>);
}
export default MyMap;导入并创建compoenent，这里需要显示它：
...
<MyMap/>
...页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67840010
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号