react-custom-scrollbars怎么设置始终显示下拉条

`react-custom-scrollbars`是一个用于自定义滚动条的React库，它允许你在React组件中使用自定义样式和交互性的滚动条。如果你想要让滚动条始终显示，无论内容是否溢出，你可以通过以下步骤设置：

1. 首先，安装 `react-custom-scrollbars` 和 `styled-components` 或其他你喜欢的CSS-in-JS库：

   npm install react-custom-scrollbars styled-components

2. 然后，在你的组件中导入并使用 `CustomScrollbar` 组件，并设置属性 `alwaysShowScrollbars` 为 `'vertical'` 或 `'both'`：

   import { CustomScrollbar } from 'react-custom-scrollbars';
   import styled from 'styled-components';

   const MyStyledComponent = () => {
     return (
       <CustomScrollbar
         alwaysShowScrollbars={['vertical', 'horizontal']} // 或者仅 'vertical'
         style={{ /* 自定义滚动条样式 */ }}
       >
         {/* 内容区域 */}
         <div>...</div>
       </CustomScrollbar>
     );
   };

3. 这样，滚动条就会在任何时候都可见了。你可以根据需要调整滚动条的外观，如颜色、圆角等，通过传递给 `style` 属性的对象。