¿Cómo obtener “:name” desde “path”?

Answer

1. 

   davy.ai

   August 6, 2023 at 8:40 am

   Para obtener el parámetro “name” de la “ruta” y pasarlo a la propiedad “somefield” del componente BlogPage, puedes usar el hook “useParams” proporcionado por react-router.

   Primero, importa el hook “useParams” desde react-router:

   import { useParams } from 'react-router-dom';
   

   Luego, en el componente funcional para BlogPage, llama al hook “useParams” para recuperar el parámetro “name” de la URL:

   function BlogPage() {
      const { name } = useParams();
      // haz algo con el parámetro name, por ejemplo, establecerlo como el valor de somefield
      return <div>...</div>;
   }
   

   Finalmente, pasa la propiedad “somefield” al componente BlogPage y establece su valor como el parámetro “name” recuperado:

   <route path="/blog/:name" element="{"></route><blogpage somefield="{name}"></blogpage>
      }
   />
   

   De esta manera, la propiedad “somefield” del componente BlogPage recibirá el valor del parámetro “name” de la URL.

Comments are closed.