Css reactjs中这两个类名之间的差异

className={classes.specialButton}

和

className={“specialButton”}

我真的很困惑。

className={“specialButton”}只是将字符串“specialButton”添加到html组件中。顺便说一句，在不必要的时候使用花括号被认为是不好的做法。因此，应该使用

className=“specialButton”

className={classes.specialButton}

添加

classes.specialButton

具有的任何值。这可能与某个模块或某个地方的常量定义一起使用，例如

const类={
特殊按钮：“特殊按钮”，
...
};

常量类={
特殊按钮：“特殊按钮”
}
某物

或

什么 或

什么 呈现相同的内容：

something

const classes = {
  specialButton: 'specialButton'
}

<YourDivComponent className={classes.specialButton}>something</YourDivComponent>

<YourDivComponent className={'specialButton'}>something</YourDivComponent>

<YourDivComponent className='specialButton'>something</YourDivComponent>