Quiero obtener el nombre de usuario de aquellas personas que ordenan con la ID de usuario. ¿Es posible capturar al propietario de la identificación y representarla en la interfaz de usuario usando la identificación de usuario? en lugar de representar el ID de usuario real. Provino de un esquema diferente en la base de datos,
import React, { useEffect, useState } from 'react' import { format } from 'timeago.js' import { userRequest } from '../../requestMethod' import './Widgetlg.css' const WidgetLg = () => { const Button = ({ type }) => { return <button className={'widgetLgButton ' + type}>{type}</button> } const [orders, setOrders] = useState([]) useEffect(() => { const getOrders = async () => { //this is just a shorcut api try { const res = await userRequest.get('orders') setOrders(res.data) console.log(res.data) } catch (error) { console.log(error) } } getOrders() }, []) return ( <div className="widgetLg"> <h3 className="widgetLgTitle">Latest Transactions</h3> <table className="widgetTable"> <tr className="widgetLgTr"> <th className="widgetLgTh">Customer</th> <th className="widgetLgTh">Date</th> <th className="widgetLgTh">Amount</th> <th className="widgetLgTh">Status</th> </tr> {orders.map((order) => ( <tr className="widgetLgTr"> <td className="widgetLgUser"> <span className="WidgetLgName"> {order.userId} </span> </td> <td className="widgetLgDate"> {format(order.createdAt)} </td> <td className="widgetLgAmmount">P {order.amount} </td> <td className="widgetLgStatus"> <Button type={order.status} /> </td> </tr> ))} </table> </div> ) } export default WidgetLg¿Cómo puedo obtener y representar al propietario del ID de usuario dado?
Lo mejor que puedo decir es que necesita obtener un documento conjunto o unirse a una consulta y crear un punto final simple al que pueda llamar de inmediato en el lado de la interfaz de usuario usando axios.
