如何在 React JS 中有条件地应用 CSS 类

2024-04-09

我一直在思考如何最好地在 React JS 中有条件地应用 CSS 类。我已经看到了一些答案,但答案并不多,或者它们只是没有我想要的那么详尽。


您可以简单地条件类来声明,如下所示:

<div className={ this.state.exampleIsTruthy ? 'yourClass' : '' }>
  text
</div>

或者如果你想根据这样的状态切换类:

<div className={ this.state.exampleTrueOrFalse ? 'shown' : 'hidden' }>
  text
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 React JS 中有条件地应用 CSS 类 的相关文章

随机推荐