如何在允许滚动的react应用程序中隐藏滚动条

/* 隐藏滚动条 */
.hide-scrollbar {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

/* 隐藏滚动条 - Webkit */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

import React from 'react';
import './YourComponent.css';

const YourComponent = () => {
  return (
    <div className="hide-scrollbar">
      {/* 组件内容 */}
    </div>
  );
}

export default YourComponent;