Reactjs 如何使用react-bulma组件向元素添加滚动条？

我正在学习React with Bulma，我想添加一个固定大小的表，这样，如果一些表元素没有足够的空间渲染，就会出现一个滚动条。

只需将元素包装在一个

中，设置高度和溢出，如下所示：

<Box style={{ height:"50%", overflowY:"auto" }}>
<Table>
.
.
.
</Table>
</Box>

.
.
.
Bulma在他们的文档中指定，如果您希望表格可滚动，可以使用类表格容器。我想在react-bulma组件上寻找一个表容器，但它们不提供，但如果您需要，可以使用类似

const TableContainer = (props) => {
   const width = props.width ? props.width : '100%'
   const height = props.height ? props.height : '100%'  

   return (
    <div style={width, height, overflow: 'auto'}>
       {props.children}
    </div>
   )
}

consttablecontainer=（道具）=>{
常量宽度=props.width？props.width:'100%'
常量高度=道具高度？道具高度：“100%”
返回(
{props.children}
)
}