Cómo manejar el parámetro de URL vacío en react router dom (4.xx)

Solución:

Creo que puede agregar un signo de interrogación para un parámetro opcional, entonces:

<Route path="/result/:searchTerm?" component={Result} />

Esto funciona porque React Router 4 usa path-to-regexp para interpretar su propiedad de ruta.

Para responder a la última parte de su pregunta, simplemente puede probar el valor de :searchTerm y si no estaba definido, redirigir al usuario.

Si desea redirigir al usuario a otra página si no se agrega el parámetro, debe hacer lo siguiente

<Switch>
   <Redirect from='/result/' to="https://foroayuda.es/" exact />
   <Route path="/result/:searchTerm" component={Result}/>
</Switch>

Sin embargo, si desea mostrar la misma página, sin los parámetros también, puede usar parámetros de ruta opcionales. Verifique esta respuesta para obtener más detalles: ¿Cómo hacer que el parámetro de ruta sea opcional en react router dom (v4)?

---

---

Utiliza Nuestro Buscador