Cada tarjeta contiene una oración, partes de las cuales están hechas de datos obtenidos de una API. Cuando se hace clic, cada elemento envuelto en botón debe llevar al usuario al siguiente enlace localhost3000/user/ {seller} . En otras palabras, me gustaría tomar los datos del vendedor que se mapearon y usarlos como la ruta para un enlace que debería llevar al usuario a esa ruta.

 return ( <PageLayout> <ul> {data.map((result) => { const { sale_id, buyer, seller, listing_price, listing_symbol, created_at_time, } = result; if (buyer !== null) { return ( <Card> <li key={sale_id}> <h3> <Transaction> <Button>{seller}</Button> </Transaction>{' '} just sold item number{' '} <Transaction> <Button>{sale_id}</Button> </Transaction>{' '} to{' '} <Transaction> <Button>{buyer}</Button> </Transaction>{' '} for <Transaction>{formatNumber(listing_price)}</Transaction>{' '} {listing_symbol} at {parseTimestampJM(created_at_time)} </h3> </li> </Card> ); } })} </ul> </PageLayout> );