Reactjs “如何重新加载”；url"；每秒钟使用React

我想每5秒重新加载一次URL。下面是我的代码。我做错了什么？请让我知道是否有什么重要的一点，我错过了。

类随机img扩展组件{
建造师（道具）{
超级（道具）；
this.state={image:“https://picsum.photos/100" };
}
componentDidMount（）{
this.imgID=setInterval（（）=>{
这个；
}, 1000);
}
组件将卸载（）{
clearInterval（this.imgID）；
}
(){
此.setState（{image:https://picsum.photos/100" });
}
render（）{
返回(
这是随机IMG：
);
}
}

类随机img扩展组件{
建造师（道具）{
超级（道具）；
this.state={image:“https://picsum.photos/100" };
}
componentDidMount（）{
this.imgID=setInterval（（）=>{
这个；
}, 5000);
}
组件将卸载（）{
clearInterval（this.imgID）；
}
(){
这是我的国家({
图片：`https://picsum.photos/${Math.floor（Math.random（）*100）}`
});
}
render（）{
返回(
这是随机IMG：
);
}
}

类随机img扩展组件{
建造师（道具）{
超级（道具）；
this.state={image:“https://picsum.photos/100" };
}
componentDidMount（）{
this.imgID=setInterval（（）=>{
这个；
}, 5000);
}
组件将卸载（）{
clearInterval（this.imgID）；
}
(){
这是我的国家({
图片：`https://picsum.photos/${Math.floor（Math.random（）*100）}`
});
}
render（）{
返回(
这是随机IMG：
);
}
}

您的URL在勾号上没有变化，因此状态保持不变。尝试在URL中添加一些随机字符串

例如

tickImg() {
    this.setState({random: this.state.random++ } , () => {
      this.setState({ image: "https://picsum.photos/100?r=" + this.state.random });
})

  }

---

您的URL在勾号上没有更改，因此状态保持不变。尝试在URL中添加一些随机字符串

例如

tickImg() {
    this.setState({random: this.state.random++ } , () => {
      this.setState({ image: "https://picsum.photos/100?r=" + this.state.random });
})

  }

---

您的图像URL没有更改，因此组件没有更新

试试这个

类随机img扩展组件{
建造师（道具）{
超级（道具）；
this.state={image:“https://picsum.photos/100" };
}
componentDidMount（）{
this.imgID=setInterval（（）=>{
这个；
}, 1000);
}
组件将卸载（）{
clearInterval（this.imgID）；
}
(){
此.setState（{image:https://picsum.photos/100?“+Math.random（）}）；
}
render（）{
返回(
这是随机IMG：
);
}
}

您的图像URL没有更改，因此组件没有更新

试试这个

类随机img扩展组件{
建造师（道具）{
超级（道具）；
this.state={image:“https://picsum.photos/100" };
}
componentDidMount（）{
this.imgID=setInterval（（）=>{
这个；
}, 1000);
}
组件将卸载（）{
clearInterval（this.imgID）；
}
(){
此.setState（{image:https://picsum.photos/100?“+Math.random（）}）；
}
render（）{
返回(
这是随机IMG：
);
}
}

它正在工作，您是否面临任何问题？设置间隔1000到5000，持续5秒。。！！它正在工作，但没有改变图像。。！如果您面临任何问题，请检查此项，让我知道并检查我在其中更改图像的发布解决方案。它正在工作，您是否面临任何问题？使setInterval 1000到5000持续5秒。。！！它正在工作，但没有改变图像。。！如果您面临任何问题，请检查此项，让我知道并检查我更改图像的发布解决方案。非常感谢Damir Kasipovic。！！不客气：如果这个答案帮助了你，考虑接受它，非常感谢Damir Kasipovic。不客气：如果这个答案对你有帮助，考虑接受它。