import from 'hoge.css'; const Hoge = () => ( <div className="hoge"> hogeee </div> ); css modulesなどはグローバル空間の名前を汚さないように一意の名前になるように設計されているので 各コンポーネントで自由な名前をつけることが出来ます しかし、上の内容だとグローバル空間の名前が汚染されていくのでBEMなどの命名規則で守っていくしかありません もし、class名で悩まされたくないのであればこの質問で避けることが出来ます コンポーネント設計 画面仕様書だけ渡されて作る案件が結構多かったりします コンポーネントの設計は画面実装者だけが把握するものではなくメンバー全体ですり合わせていく方がいいと個人的に思っています 似たようなコンポーネントなのに別の画面では違う実装の仕方をしていたり、 逆に使いまわされる前