Ребят, подскажите пожалуйста Есть массив, перебираю его с помощью map и

Question

Ребят, подскажите пожалуйста Есть массив, перебираю его с помощью map и

создаю карточки
Вопрос - как мне создать кнопку, чтобы она показывала id текущей карточки?

const renderCard = (card) => {
return (
<Card key={card.id} >
<Card.Img variant="top" src={card.image} />
<Card.Body>
<Card.Title>{card.title}</Card.Title>
<Card.Text>{card.text}</Card.Text>
<button onClick={ShowId}>Btn</button> // внутри функции console.log(card.id)
</Card.Body>
</Card>
);
};

return <div className="grid">{cardInfo.map(renderCard)}</div>;

Я создаю кнопку с внешней функцией где console.log(card.id) и показывает undefind