如何使一個反應成分是不同大小的行和列的表

Question

我試圖使之成爲一個反應成分這個，所以我可以在我的網站上使用它：

我不不知道如何去做這件事，或者如果有任何圖書館參與，我不知道是哪一個。

Answer 1

它看起來像這個組件將採取一些屬性：

const CardsDisplay = ({numCards}) => { /* ... */ } 

const AvatarDisplay = ({imageUrl, numCards, name, score, popupMenu }) => 
    <div style={{textAlign: 'center'}}> 
    <div style={{display: 'flex', justifyContent: 'space-between'}}> 
     <img src={imageUrl} /> 
     <CardsDisplay numCards={numCards} /> 
    </div> 
    {name} 
    <br /> 
    {score.toLocaleString()} 
    <popupMenu style={{float: 'right'}} /> 
    </div>