Este es mi código de tabla del componente.
Quiero mostrar todos mis datos de la base de datos en formato de tabla. Cada vez que intento pasar datos a través de un componente, crearé muchas tablas iguales a la longitud de mis datos
const Component = () => { return ( <div> <Table striped bordered hover> <thead> <tr> <th>#</th> <th>Image</th> <th>Name</th> <th>Price</th> <th>Quantity</th> <th>Supplier</th> <th>About</th> </tr> </thead> <tbody> {items?.map((item, index) => ( <tr key={index}> <th>{parseInt(index) + 1}</th> <th>{item.image}</th> <th>{item.name}</th> <th>{item.price}</th> <th>{item.quantity}</th> <th>{item.supplier}</th> <th>{item.about}</th> </tr> ))} </tbody> </Table> </div> ); };use la función de map en la etiqueta tbody
<Table responsive> <thead className="custom"> ... </thead> <tbody> { items?.map((item, index) => { return <tr key={item.id}> <td>{index + 1}</td> <td>{item?.name}</td> </tr> }) } </tbody> </Table