自身水平不高能力有限蟹漓，本文指在實現(xiàn)功能最蕾。各位大神有更好的方法依溯，請回復(fù)教授一下，盡可能詳細哦瘟则。
普通的營銷QQ調(diào)用方式
在原先的舊項目中黎炉，調(diào)用營銷QQ（比較早之前的項目），只需要使用一句<script>代碼醋拧，就可以實現(xiàn)包括點擊按鈕慷嗜、跳轉(zhuǎn)營銷QQ等功能淀弹。
<div style="width: 100%;">
<!-- WPA Button Begin -->
<h:outputLabel
value="在線咨詢："
style="font-size: 12px;line-height: 27px;position: relative;padding-left: 4px;"/>
<script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.phpkey=Xzkz*******V8"></script>
<!-- WPA Button End -->
</div>
image.png
但是在react中，無法直接在jsx代碼插入以上的js庆械。因此只能使用另外一種方法薇溃，調(diào)用營銷QQ。
<script charset="utf-8" src="http://wpa.b.qq.com/cgi/wpa.php"></script>
<div id="onlineService">
<a target="_blank" href="javascript:void(0)">
<span>QQ溝通</span>
</a>
</div>
<script>
BizQQWPA.addCustom({
aty: '0', //指定工號類型,0-自動分流缭乘，1-指定工號沐序，2-指定分組
nameAccount: '40096****68', //營銷 QQ 號碼
selector: 'onlineService' //WPA 被放置的元素，與點擊按鈕同id
});
</script>
在react中的實現(xiàn)
首先在react的index文件中引入js文件（上面代碼的第一句）堕绩，如果是antd-pro的話策幼，index文件在src -- index.ejs
之后給營銷QQ的點擊按鈕加上id（這里的按鈕樣式需要自己寫）
最后在合適的位置加上最后一段js代碼。（如果是在組件內(nèi)使用逛尚，在組件componentDidMount時垄惧，加入運行js）
