react动态添加样式:style和className

react动态添加样式:style和className,第1张

className动态添加

可以实现的语法如下:

1、使用逻辑运算符

2、使用三元运算符

3、使用函数

4、数组语法

5、使用ES6写法(推荐使用ES6写法)

或者使用classnames依赖库

style动态添加

1、当前标签无其他class,并且只动态添加一个className

对于我们动态添加样式,可以在:style里面,但是伪类动态添加就不行了,我就在想能不能在data中定义,然后在伪类中使用

我是在一个组件中使用的,小伙伴只需要看伪类动态的样式即可

在有些做项目项目中,需要用户自定义组件的CSS样式并即时改变组件样式状态。

1. 增加 style样式

2. 更新 style样式

3. 删除 style样式

4.其他使用方式


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11622929.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存