栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在React中处理条件样式的正确方法

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在React中处理条件样式的正确方法

如果您更喜欢使用类名,请务必使用类名。

className={completed ? 'text-strike' : null}

您可能还会发现类名称包很有用。有了它,您的代码将如下所示:

className={classNames({ 'text-strike': completed })}

没有“正确”的方法来进行条件样式设计。做最适合您的事情。就我自己而言,我更喜欢避免内联样式,而是以上述方式使用类。

POSTscript [06-AUG-2019]

尽管React在样式方面毫无疑问,但这些天我还是会推荐CSS-in-JS解决方案。即风格成分或情感。如果您不熟悉React,请坚持使用CSS类或内联样式。但是一旦您对React感到满意,我建议您采用其中一种库。我在每个项目中都使用它们。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/608811.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号