我是 REACTJS 的新手，正在尝试制作一个用于练习的网页。我不知道如何在超时结束时加载新页面。
基本上我想要做的是加载主页面，然后启动一个计时器大约 5 秒，在 5 秒结束时我想加载下一个页面。
谢谢 ：）
REACTJS如何在超时结束时加载页面？
IT技术
javascript
reactjs
2021-05-06 10:00:54
1个回答
这一切都取决于您当前的设置。
首先，您将不惜一切代价在您的组件中设置一个 setTimeout，其结构如下：
setTimeout(() => {
// Do some stuff here
}, secondsBeforeExecution)
然后在该函数中，您可以使用窗口 href 重定向到另一个页面，如下所示：
document.location.href = newUrl;
您还可以使用react-routerwhich 可用于在您的 React 应用程序中创建不同的页面并轻松切换到不同的页面。我想试一试：https : //reactrouter.com/web/guides/quick-start
设置完成后，您可以执行以下操作：
const history = useHistory()
setTimeout(() => {
history.push('/my/new/page')
}, 5000)