Javascript TailwindCSS溢出自动类不使用反应列表

我遇到了一个问题，Tailwind的溢出属性不能与react列表一起工作。我想知道这是否只是我的一个简单的错误，或者是否有一个工作，我需要做

从“./CoinSummary”导入CoinSummary
康斯特控股=（{coins}）=>{
返回(
持有
{硬币&&
硬币。地图（（硬币，索引）=>{
返回
})}
)
}
出口违约持有

---

我希望硬币列表保留在Holdings组件中，如果溢出，则使用滚动条代替。然而，正如您在照片中看到的，它似乎没有像我预期的那样工作。

我能够自己解决这个问题。这是因为我没有指定高度为h-full

import CoinSummary from './CoinSummary'

const Holdings = ({ coins }) => {
  return (
    <div className='overflow-auto p-4'>
      <h2 className='text-2xl text-center font-bold mt-4'>Holdings</h2>
      {coins &&
        coins.map((coin, index) => {
          return <CoinSummary key={index} coin={coin} />
        })}
    </div>
  )
}

export default Holdings