Devolver una lista desde el backend. Asigné esta lista al contexto. Luego quiero mover la lista devuelta a un componente listo.

pago.js

 const { paymentInfoData, setPaymentInfoData } = useContext(PaymentInfoDataContext); const req = { policyNumber: '1258128722', renewalNumber: '00', policyTypeExtCode: '718', productTypeExtCode: '1000032' }; useEffect(() => { if (props.location.state.policy.isActive === true && Object.keys(paymentInfoData).length === 0) { PolicyService.getAsosInstallments(req).subscribe( (response) => { setPaymentInfoData(response); // console.log(response); } ); } }, []);

pago.html

 <TabPanel value={value} index={0} > <EnhancedTable variant="edit" paymentList={paymentInfoData}/> <div className="policypaymentinfo__button_container"> <AS.Button variant="outlined" onClick={handlePayment}> Devam </AS.Button> </div> </TabPanel>

tabla.js

 function createData(date, price) { return { date, price }; } const rows = [ createData('03/04/2021', '250 USD'), ];

¿Cómo muevo los datos dentro de la fila? Puedo ver los accesorios en la consola.