如何让超出 div 界面的内容显示滚动条
有一个这样的子组件：
import react from 'react'
export type itemtype = {
type: "property" | "method",
value: string,
selected?: boolean
}
export type subcontainerprops = {
height?: number,
title: string,
data: itemtype[], // 这个是items
}
export default function subcontainer (props: subcontainerprops){
return (
{props.data.map((item, index) => (
{item.value}
))}
)
}但当 props.data 中的内容较多时，会超出界面的显示范围。要解决这个问题，可以在该 div 中添加以下样式：
overflow: 'auto'
修改后的代码如下：
return (
{props.data.map((item, index) => (
{item.value}
))}
)这样，当内容超出界面范围时，就会出现滚动条，以便上下拖动进行查看。
