在React中使用带有props的react-css-modules / css-modules

Question

我有一个名为ColorInput的可重用组件。

但是，每个输入都有不同的文本颜色。因此，我为每个输入设置了不同的类。例如，输入红色，输入绿色，输入蓝色。

SCSS

.input-red{
  composes: input;
  composes: theme-red from "./_theme-colors.scss";
}

ColorInput组件

class ColorInput extends React.Component{
  render(){
    return( 
      <input styleName={this.props.styleName} />
  )
}

}

StyleName未输出到正确的Class。

<ColorInput styleName ='input-red'>
<ColorInput styleName ='input-green'>
<ColorInput styleName ='input-blue'>

我知道这可能是一个报道的issue，但是，我不确定我是否有同样的问题。

更新：我计划尽快收录现场演示。