react组件向html传值

最新推荐文章于 2024-07-24 11:09:48 发布

StupigYy

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量636

点赞数 9

文章标签： react.js html javascript

本文链接：https://blog.csdn.net/qq_36384745/article/details/135411657

版权

遇到三方地图只能使用html来构造交互页面，而且地图部署在跳板机，这时需要将react组件内值传递给html页面进行处理，也适用于react组件向html传值，上代码

let arr ={name:'aa',value:'11'}
for (let key in arr) {
    paramUrl += "&" + key + "=" + item[key];
}
//拼接到需要传值的html地址
`aa.html?` + paramUrl

需要接值的html

function QueryString(val) {
    var uri = location.search;
    var re = new RegExp("" + val + "\=([^\&\?]*)", "ig");
    return ((uri.match(re)) ? (uri.match(re)[0].substr(val.length + 1)) : null);
}
let name = decodeURI(QueryString('name'));
let address = decodeURI(QueryString('value'));
//变量内即是组件传递过来的值

如果数据过多，不建议使用这个方法，可以在html直接api获取数据做处理。