NextJS の scss モジュールを正しく使用していますか、それとも間違っていますか?

Question

pagination.tsx コンポーネントとスタイルを含む pagination.module.scss ファイルがあります

リーリー

簡略化された React コンポーネントは次のとおりです:

リーリー

PS: 実際のコードでは、active は classNames を通じて動的に設定されますが、ここでは静的なクラスを示します

私の問題は、.pagination li.active のスタイルが適用されず、背景色が #4CAF50

として表示されないことです。

ul のスタイルは適切に適用され、li にも適用されます

ただし、li.active は適用されません

Answer 1

li タグの className 値をstyles.activeに置き換えると、問題は解決されるはずです