Sé que si necesito llamar a otro component , entonces debemos pasar como <A x={y}/> y podemos acceder a props.x dentro de A .
Pero aquí necesito llamar a EditCertificate , así que necesito pasar la id a EditCertificate . pero estoy usando Link aquí. No puedo pasar el id . cuando estoy accediendo a él, viene undefined .
<Link to={`/${props.certificate.id}/edit` } >Edit</Link>y estoy llamando a esta página como a continuación.
<Route path ="/:id/edit" component={EditCertificate} ></Route> ¿Cómo puedo acceder a :id dentro de EditCertificate Cuando estoy accediendo, está dando undefined . ¿Necesito pasar algunas otras propiedades?
ya que está utilizando el enrutador de reacción, simplemente puede importar el gancho useParams y obtener la identificación en su componente EditCertificate
import { useParams } from 'react-router-dom'; const { id } = useParams(); // add inside your component bodyDado que EditCertificate se representa directamente por la ruta:
<Route path ="/:id/edit" component={EditCertificate} /> los accesorios de ruta se pasan a EditCertificate . Solo necesita acceder a ellos desde accesorios.
const { id } = props.match.params; si EditCertificate es un componente de clase, obviamente acceda desde this.props .
const { id } = this.props.match.params;