Aquí obtengo algunos datos del componente 'Pedido' y luego quiero enviar estos datos a Navegar, pero todo lo que obtengo cuando uso 'props.order_data' en 'Navegar' no está definido. ¿Cómo puedo usar estos datos en 'Navegar'?
function App(){ function getData(some){ console.log(some); return(<Navigate order_data= {some}/>); } return( <div> <Navigate /> <Service/> <Order onAdd={getData}/> <Review /> <Foot /> </div> ); } export default App;Debe usar useState hook para mantener un estado. Ya que tiene su componente Navigate y Order en la misma App .
Hazlo así
import { useState } from "react"; function App(){ const [some, setSome] = useState(null); // Initial some value is null function getData(data){ setSome(data); // This will update some state value } return( <div> <Navigate order_data={some}/> <Service/> <Order onAdd={getData}/> <Review /> <Foot /> </div> ); } export default App;Lo que está tratando de hacer no funcionará ya que el valor de retorno de la función getData se pasa a la función onAdd del componente Order .
Le sugiero que cree un estado para order_data en su componente de aplicación y pase el estado como accesorio al elemento Navigate que está devolviendo. Deberá actualizar el estado tan pronto como recupere los datos (por ejemplo, en la función getData ).
React se encargará de actualizar el componente tan pronto como cambie el estado.
Consulte la documentación de React para obtener más detalles: https://reactjs.org/docs/lifting-state-up.html