Javascript show only X amount from array.map with option to show all

I have a table row, and inside a cell I want to display values mapped from an array (yes in a single cell). I have too many values in this array, so I want to only show 3 and then have a button to show the rest if clicked. How can I go about to achieve this? Current code:

<TableCell align="right">
 {row[headCell.id].map((obj) => (
  <>
   {obj}
   <br />
  </>
 ))}
</TableCell>