Tworzę stronę internetową z React i używając React-Router, chciałbym renderować stronę 404, gdy użytkownik odwiedza adres URL, który nie istnieje.
Niektóre adresy URL są dynamiczne, powiedzmy
www.site.com/user/(username)
Jak renderować stronę 404 za pomocą routera reagującego, jeśliużytkownik o określonej nazwie nie istnieje? Czy muszę ręcznie pisać kod w samym komponencie podczas wywołań interfejsu API, aby sprawdzić, czy użytkownik istnieje, a następnie przekierować go do komponentu 404?
Szukam najlepszego sposobu przekierowania użytkownika na stronę, której nie znaleziono. Poszukuję pomysłów, jak to zrobić najlepiej.
Odpowiedzi:
1 dla odpowiedzi № 1Możesz sprawdzić, czy this.props.match.username istnieje. Jeśli tak, to renderuj normalnie, jeśli nie, to użyj Przekierowanie React-Router Składnik do przekierowania do 404 składnik. Jeśli masz wiele ścieżek wymagających tej funkcji, możesz rozważyć utworzenie HOC w tym celu.