如何解决将tawk Tawk_API.setAttributes与reactjs一起使用
我具有以下应用程序组件:-
import React,{ useEffect } from "react";
import Home from "./pages/Home";
import About from "./pages/About";
function App() {
useEffect(() => {
var Tawk_API = Tawk_API || {},Tawk_LoadStart = new Date();
(function () {
var s1 = document.createElement("script"),s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src = "https://embed.tawk.to/5ab8d/default";
s1.charset = "UTF-8";
s1.setAttribute("crossorigin","*");
s0.parentNode.insertBefore(s1,s0);
})();
Tawk_API.onLoad = function () {
console.log("chat loaded");
Tawk_API.setAttributes(
{
name: "Test Name",email: "email@email.com",hash: "hash value",},function (error) {}
);
};
},[]);
return (
<div>
<div className="container-fluid rtl">
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
</div>
</div>
);
}
export default App;
我可以看到该聊天小部件,但是当我开始聊天时,请不要为访问者分配名称。
如何在reactjs中使用setAttributes?
解决方法
使用 tawkto npm 包,方便使用
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。