soy nuevo en reaccionar

Estoy tratando de obtener una identificación de tarjeta única de una matriz de tarjetas. No estoy entendiendo cómo hacerlo.

Mi código se ve así.

tarjeta.js

 import React from "react"; const cardDetailsClick = (ID) => { console.log("card id is " + ID); }; const Card = ({ title, id }) => { return ( <div className="card"> <div className="description"> <h1>{title}</h1> <button onClick={onBtnClick}>Know more</button> </div> </div> ); };

app.js: aquí quiero la identificación de la tarjeta en la que hago clic

 import React from "react"; const [cards, setCards] = useState([]); // I have setCards to be 20 different cards each has a unique id. onBtnClick = (id) => { console.log(id); // I want the id of the card button I click here }; const Cards = () => { return <div>{cards.length > 0 && cards.map((card) => <Card key={card.id} {...card} />)}</div>; }; export default Cards;

Quiero obtener la identificación de esa tarjeta en la que se hace clic en el botón.

¡La ayuda sería apreciada!