2

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

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

SCSS

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

颜色输入组件

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

}

StyleName 没有输出到正确的类。

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

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

更新:我计划尽快包含一个现场演示。

4

0 回答 0