Paso un estado al componente Link e intento acceder al estado usando props.location.satate . Desafortunadamente, el estado no está definido. Intenté enviar el estado desde el atributo to usando el nombre de pathname y el state , aún sin definir.
<Route exact path="/private/orders" name="Orders" component={PrivateOrders} />Pedidos privados
import React from 'react' const PrivateOrders = (props) => { console.log(props) return ( <div> <h1>Orders</h1> </div> ) } export default PrivateOrdersEnlace
<Link to="private/orders" state={{ x: "y", y: "y", z: "y", i: "y", > <CButton color="primary">Order Now</CButton> </Link>resultado
location: {pathname: '/private/orders', search: '', hash: '', state: undefined, key: 'lt9bpr'}Pase routeProps en Route como este.
<Ruta ruta exacta="/privado/pedidos" nombre="Pedidos" componente={(routeProps) => <PrivateOrders {...routeProps} />} />