Intento enviar un dato llamado favProduct al componente Favoritos. Cuando envío los datos, me sale indefinido. ¿Cómo puedo enviar datos cuando uso la ruta de reacción?
const [favProduct, setFavProduct] = useState([1,2,3,4,5]); return ( <Router> <div className="App"> <Header /> <Switch> <Route path="/" exact component={Home}/> <Route path="/men" component={Men} /> <Route path="/women" component={Women} /> <Route path="/kids" component={Kids} /> <Route path="/productBuy" component={ProductBuy} /> <Route path="/favourites" component={Favourites} /> <Route path="/cart" component={Cart} /> <Route path="/checkout" component={Checkout} /> <Route path="/addproduct" component={AddProduct} /> </Switch> <Footer /> </div> </Router> ); }Si desea, o necesita, enviar accesorios adicionales a los componentes enrutados, use el accesorio de render de Route para inyectar los accesorios y reenviar los accesorios de ruta.
Ejemplo:
<Route path="/favourites" render={props => <Favourites {...props} favProduct={favProduct} />} /> Acceda a todos los accesorios de ruta como se hizo anteriormente, es decir, props.location , props.history , etc... y acceda al nuevo accesorio que se pasó, es decir, props.favProduct .
Si usa react-router v6 +, en su ruta, intente esto :
<Route path="/favourites" element={<Favourites favProduct={favProduct} />} />