Quiero representar un componente con una condición en la ruta prop en el componente Ruta. piense en esto: quiero decir si la ruta prop en el componente de ruta es /hello1
o /hello2
o /hello3
y solo si la ruta es uno de estos componentes de procesamiento de direcciones </Hello>
. algo como esto:
if(path === '/hello1' || path === '/hello2' || path === '/hello3') render component </Hello>
pero en la ruta prop en el componente Ruta. ¿Hay alguna manera de hacer esto en la ruta prop o no? si no, ¿cuál es la mejor manera de representar un componente con base de condición en la ruta prop? gracias por tu ayuda
Tal vez lo que quieres es una especie de cambio de parámetros
<Route path="/hello/:helloId" element={<Hello/>} />
puede pasar todo lo que quiera pasar por helloId
y generará el Hello component
Se puede hacer creando una matriz de rutas y mapeándolas de la siguiente manera:
{["hello1", "hello2", "hello3"].map((route) => ( <Route key={route} path={route} element={<div>Hello component</div>} /> ))}
Independientemente de la ruta que agregue a la matriz, se representará el mismo componente para esas rutas.