Javascript ReactJs-使用axios每5秒获取一次报价，并将其显示在<；p>；

我是Reactjs编程新手，我有一个使用ReactBootstrap网格的组件

---

我想每隔5秒从一些公共API获取一个quoute，并将其显示在网格内的中。我还想使用axios获取报价。任何指导或任何帮助都将不胜感激。谢谢：）

您可以执行以下操作

您应该使用

componentDidMount

lifecycle方法发出获取请求。您也可以在那里使用

setInterval

每5秒（5000毫秒）触发一次api请求。在

componentWillUnmount

部分，您应该清除间隔

类应用程序扩展了React.Component{
状态={
笑话：“
};
componentDidMount（）{
这个.getJoke（）；
this.interval=setInterval（（）=>{
这个.getJoke（）；
}, 5000);
}
getJoke（）{
取回（“https://api.chucknorris.io/jokes/random")
。然后（res=>{
返回res.json（）；
})
。然后（res=>{
这是我的国家({
笑话：res.value
});
});
}
组件将卸载（）{
clearInterval（这个.interval）；
}
render（）{
返回{this.state.joke}
；
}
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）
我们很想帮助您，但这个问题涉及面很广。请包括您迄今为止尝试过的内容，并阅读。