React 组件内容超出容器，如何实现滚动条显示？

超出容器实现滚动滑动条显示

提问：

使用 React 组件时，子组件的内容过多，导致超出容器范围。如何让超出部分以滚动条的方式显示，并支持上下拖动？

回答：

在子组件返回的 div 元素中添加 overflow: 'auto' 属性：

return (
  <div style={{
    borderRadius: '8px',
    border: '2px dashed #333',
    height: props.height,
    overflow: 'auto'
  }}>
  ...

这样，当子组件的内容超出容器范围时，就会出现一个垂直滚动条，允许用户上下拖动以显示隐藏的内容。

以上就是React 组件内容超出容器，如何实现滚动条显示？的详细内容，更多请关注硕下网其它相关文章！