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

标签 javascript css reactjs

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

最佳答案

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

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

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

<div className={ this.state.exampleTrueOrFalse ? 'shown' : 'hidden' }>
  text
</div>

关于javascript - 如何在 React JS 中有条件地应用 CSS 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39281032/

相关文章:

reactjs - 如何测试异步/等待 API 调用和更新 React 状态

javascript - ASP.NET WebForms 路由 Javascript 错误

javascript - 使用 jQuery 动态获取输入字段的值并使用 PHP 处理它们

javascript - 在哪里存储 Chrome 扩展程序的 HTML 片段

javascript - 在元素之前更改元素的颜色

javascript - 一个 Router 可能只有一个子元素

javascript - 如何在 Next.js React Framework 中构建自定义/动态路由

javascript - 在同步回调函数中等待异步回调函数

css - 将链接颜色重置为浏览器默认值

jquery - 使用 JQuery 方法覆盖类以插入样式元素