React select无法将scs.module识别为className和classNamePrefix

Question

嗨，我刚开始使用react select，当我检查页面时，尝试像这样应用classNameclassName={styles.select}时，没有应用任何类。另一方面，如果我像这样设置className='select'，它会规则地显示为select__control、select__options等。有没有一种方法可以添加模块类来进行反应选择，或者有没有一个方法可以将我的类(比如.select__control{background-color:red})放在scs中，如果我离开了className='select'，它就会被识别。

Answer 1

例如

您有Select.module.scss

.select {
outline: 1px solid green;
[class$="-control"] {
background-color: red;
}
}

并导入

import style from './Select.module.scss';
// other 
return(<ReactSelect
className={style.select}
/>)