react(基于antd-pro)接入营销QQ

自身水平不高能力有限,本文指在实现功能。各位大神有更好的方法,请回复教授一下,尽可能详细哦。

普通的营销QQ调用方式


在原先的旧项目中,调用营销QQ(比较早之前的项目),只需要使用一句

react(基于antd-pro)接入营销QQ_第1张图片
image.png

但是在react中,无法直接在jsx代码插入以上的js。因此只能使用另外一种方法,调用营销QQ。






在react中的实现


首先在react的index文件中引入js文件(上面代码的第一句),如果是antd-pro的话,index文件在src -- index.ejs

之后给营销QQ的点击按钮加上id(这里的按钮样式需要自己写)

最后在合适的位置加上最后一段js代码。(如果是在组件内使用,在组件componentDidMount时,加入运行js)

你可能感兴趣的:(react(基于antd-pro)接入营销QQ)