Actualmente estoy creando una aplicación de reacción con django, estoy tratando de navegar desde la página de inicio a la página de datos con la identificación correspondiente. Sin embargo, devuelve el error Página no encontrada. Estoy usando react-router-dom v6.

 Using the URLconf defined in robot.urls, Django tried these URL patterns, in this order: admin/ api/ api-auth/ homepage homepage/data The current path, homepage/data/54, didn't match any of these.

Aquí está mi App.js

 export default class App extends Component { constructor(props) { super(props); } renderHomePage() { return ( <HomePage /> ); } render() { return ( <BrowserRouter> <Routes> <Route exact path='homepage/' element={this.renderHomePage()} /> <Route path='homepage/data/:id' element={<DataPage />} /> </Routes> </BrowserRouter> ) } } const appDiv = document.getElementById("app"); render(<App />, appDiv);

Y quiero navegar a la página de datos a continuación:

 const EmtpyGrid = theme => ({ Grid: { ... } }); function DataPage(props) { const { classes } = props; const { id } = useParams(); return ( <div> ... some material ui components ... <div/> ) }; DataPage.propTypes = { classes: PropTypes.object.isRequired, }; export default withStyles(EmtpyGrid)(DataPage);

Estaba pensando si también necesito configurar mi url.py en la interfaz, y primero necesito definir un valor designado para {id} devuelto por el componente materialui. ¿Quizás necesito un button o <Link><Link/> para la navegación en lugar de simplemente escribir la URL? Aún así, no hubo suerte después de muchos intentos. Estoy tan confundido en este momento.

Si sabe cuál es el problema con mi código, no dude en dejar un comentario. Gracias