Actualmente estoy escribiendo una pequeña aplicación CRUD. Para mi interfaz estoy usando React v6. En mi código tengo una lista de la Entidad y encima tendría un botón que me lleva a un formulario que me permite agregar una nueva entrada en la tabla. Sin embargo, aunque he enrutado las diferentes URL, después de hacer clic en el botón, aparece un error que dice: No se pueden leer las propiedades de undefined (leyendo 'push')
Las líneas de código en cuestión son:
addContractor() { this.props.history.push("/add-contractor"); }
En mi archivo App.js también tengo el enrutamiento apropiado:
<Route path="/add-contractor" element = {<CreateContractorComponent/>}/>
No estoy seguro de por qué sucede esto y me gustaría obtener información y una explicación, ya que soy muy nuevo en el desarrollo de frontend.
Gracias.
Supongo que el problema es con los componentes anidados, intente anidar el Switch
sin envolverlo con un BrowserRouter
en el archivo App.js
Si no funciona, pruebe también con esta alternativa. Es posible que algunas cosas hayan cambiado en la documentación. Importe useNavigate
en lugar de useHistory
y, como referencia, consulte este blog: https://reacttraining.com/blog/react-router-v6-pre/