Estoy tratando de configurar un carrito de compras falso. Tengo una variedad de objetos. Cada objeto es el nombre, el precio y la cantidad de una fruta.

En una página, mostré estos artículos y sus cantidades y permití al usuario ajustar los valores. Después de hacer clic en pagar, me gustaría usar React Router en otra página que mostrará el precio final y las cantidades de cada fruta y una suma total en otra página.

¿Hay algún consejo para esto? No puedo encontrar una solución para pasar una matriz de objetos entre páginas, pero puedo encontrar algunos para enviar estados con valores específicos.

código:

 const Inventory = () => { const [inventory, setInventory] = useState( [ { id:0, name: "lemons", count: 0, cost: 5.25 }, { id:1, name: "apples", count: 0, cost: 2.25 }, { id:2, name: "bananas", count: 0, cost: 1.00 }, { id:3, name: "avocado", count: 0, cost: 11.50 }, ]); return ( <div> <h1>This is another items page</h1> <ul className = "links"> <Link to = "/"> <li> Home</li> </Link> <Link to = "/cart"> <li> Checkout </li> </Link> </ul> ) }