Como estou criando um site com o React e usando o React-Router, gostaria de renderizar uma página 404 quando um URL é visitado pelo usuário que não existe.
Alguns URLs são dinâmicos, digamos,
www.site.com/user/(username)
Como faço para renderizar uma página 404 com o react-router seo usuário com um nome de usuário específico não existe? Preciso escrever manualmente o código no próprio componente durante as chamadas da API para verificar se o usuário existe e depois redirecioná-lo para o componente 404?
Estou procurando a melhor maneira de redirecionar o usuário para uma página não encontrada. Procurando idéias sobre como fazê-lo melhor.
Respostas:
1 para resposta № 1Você pode verificar para ver se this.props.match.username existe. Se ele for processado normalmente, se não for, use Redirecionamento do React-Router Componente para redirecionar para um 404 componente. Se você tiver vários caminhos que exigem essa funcionalidade, considere fazer uma HOC para este fim.