Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 更改页面时未加载Yotpo评论和库_Reactjs - Fatal编程技术网

Reactjs 更改页面时未加载Yotpo评论和库

Reactjs 更改页面时未加载Yotpo评论和库,reactjs,Reactjs,我们有一组Yotpo嵌入,加载一个评论部分和一个图像库。在初始页面加载时,小部件工作正常,但是当您导航到另一个页面时,嵌入不会显示在页面上,因为它是异步加载的 Yotpo支持建议使用 var api = new Yotpo.API(yotpo); api.refreshWidgets(); 加载新内容时,必须将When添加到回调函数中。然而,这也不起作用 在React组件中,我只是简单地将未记录的initWidgets()添加到componentdiddupdate()生命周期方法中,现在它可

我们有一组Yotpo嵌入,加载一个评论部分和一个图像库。在初始页面加载时,小部件工作正常,但是当您导航到另一个页面时,嵌入不会显示在页面上,因为它是异步加载的

Yotpo支持建议使用

var api = new Yotpo.API(yotpo);
api.refreshWidgets();

加载新内容时,必须将When添加到回调函数中。然而,这也不起作用

在React组件中,我只是简单地将未记录的initWidgets()添加到componentdiddupdate()生命周期方法中,现在它可以正常工作了

componentDidUpdate() {
  if (typeof window.yotpo !== "undefined") {
    window.yotpo.initWidgets();
  }
}

希望这能帮助遇到同样问题的人

你用钩子试过这个吗<代码>使用效果(()=>{if(typeof window.yotpo!==“undefined”){window.yotpo.initWidgets();}},[some.prop])它似乎与
refreshWidgets()
一起工作,但与
init
方法不一起工作