React Js 中的 Zoho 实时聊天小部件

如何解决React Js 中的 Zoho 实时聊天小部件

我正在尝试在 react js 中测试 Zoho 实时聊天小部件代码，以下是示例代码

 <a href={void(0)} onClick={()=>window.$zoho.salesiq.floatwindow.visible("show")}>LIVE CHAT</a> 
        
 window.$zoho = window.$zoho || {};window.$zoho.salesiq = window.$zoho.salesiq || {widgetcode:"XXXXXXXXXX",values:{},ready:function(){}};

 let  d= document;

 let s = d.createElement("script");
   s.type ="text/javascript";
   s.id ="zsiqscript";
   s.defer = true;
   s.src = "https://salesiq.zoho.eu/widget";

 let t = d.getElementsByTagName("script")[0];
   t.parentNode.insertBefore(s,t);

 d.write("<div id='zsiqwidget'></div>");

 window.$zoho.salesiq.ready = function()
 {
   window.$zoho.salesiq.floatwindow.visible("show");
}

以上是编写的代码，点击实时聊天，链接应显示实时聊天小部件。现在我没有收到任何错误或不显示 Zoho 按钮。如果这是在 react js 中测试的正确方法，请帮助。