REACTJS hvordan indlæses en side ved slutningen af ​​timeout?

Jeg er ny hos REACTJS og prøver at lave en webside til praksis. Jeg kan ikke finde ud af, hvordan jeg indlæser en ny side ved slutningen af ​​timeout.

Grundlæggende er det, jeg forsøger at gøre, at få hovedsiden til at indlæse og derefter starte en timer i ca. 5 sekunder, og ved slutningen af ​​de 5 sekunder vil jeg gerne indlæse den næste side.

Tak 🙂

Svar

Det hele afhænger af din nuværende opsætning.

Først og fremmest vil du for enhver pris have en setTimeout i din komponent, strukturen er sådan her:

setTimeout(() => {
  // Do some stuff here
}, secondsBeforeExecution)

Så inde i den funktion kan du bruge vinduet href til at omdirigere til en anden side som denne :

document.location.href = newUrl;

Du kan også bruge react-router som kan bruges til at oprette forskellige sider i din React-app og nemt skifte til en anden side. Jeg ville give dette et skud:https://reactrouter.com/web/guides/quick-start

Når det er konfigureret, kan du gøre noget som dette :

const history = useHistory()

setTimeout(() => {
  history.push('/my/new/page')
}, 5000)