¿Cuál es la forma correcta de obtener esta funcionalidad en la versión 6 de react-router? Cuando coincido con console.log , se muestra indefinido, pero funciona bien en v5
import React from 'react' const NotePage = ({ match }) => { let noteId = match.params.id console.log(noteId) return ( <div> <h1>detail Note {noteId} </h1> </div> ) } export default NotePageDebe usar el gancho useParams en el componente como se muestra a continuación. Supongo que tu ruta es /:id
import React from 'react' import { useParams } from 'react-router-dom' const NotePage = () => { const { id: noteId } = useParams() return ( <div> <h1>detail Note {noteId} </h1> </div> ) } export default NotePage