react项目中对dom元素样式修改的另一种方法以及将组件插入到node节点中

Posted ayujun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react项目中对dom元素样式修改的另一种方法以及将组件插入到node节点中相关的知识,希望对你有一定的参考价值。

在项目中,以前如果遇到对dom元素的操作都是直接获取dom元素,比如说:

技术图片

 

 

 但是如果修改的样式比较多的话,不如直接“切换”dom元素,如下例子:

技术图片

技术图片

 

技术图片

 

 

 

 这样会节省一些性能。因为操作dom的style是内联样式,css样式优先级:外部样式>内部样式>内联样式。

当然,不到万不得已,最好还是不要操作dom元素。

——————————————————————————————————————————————————————————————————————————————————————————————

 

技术图片

 

技术图片

 

 

 

 

 

 

 

以上是关于react项目中对dom元素样式修改的另一种方法以及将组件插入到node节点中的主要内容,如果未能解决你的问题,请参考以下文章

React中ref的使用方法

修改伪元素的css样式:在Jquery内容之后[重复]

修改伪元素的css样式:在Jquery内容之后[重复]

for循环的另一种写法

如何防止我的样式被周围 div 上的另一种样式覆盖?

【React_Antd】Table样式修改