REACTJS重定向+5秒超时

Question

我对reactjs相当陌生，无法理解一些东西。我正试图建立一个网页，在5秒钟后重定向，但似乎不知道如何。如果有人能给我一些建议，让我知道如何做到这一点，我将不胜感激。

谢谢：(

Answer 1

这是使用普通JavaScript可以实现的。它看起来是这样的：

setTimeout(function() {
window.location.replace('some-url');
}, 5000);

根据你想在什么时候发射它，你可以把它放在一些组件的"；生命周期方法"；或者甚至只是简单地将其添加到JS文件的开头或"DOMContentLoaded"事件中。

Answer 2

不确定您的用例，但您可以简单地使用setTimeout

https://www.w3schools.com/jsref/met_win_settimeout.asp

并且您希望在componentDidMount()中包含此。

点击此处阅读更多关于lifecyles的信息https://reactjs.org/docs/state-and-lifecycle.html

Answer 3

const nav = useNavigate();
useEffect(()=>{ 
setTimeout(()=> nav('/login'),5000);
},[])