react怎么通过函数控制渲染dom

Posted 2023-05-08

参考技术A 1、创建元素节点创建元素节点并且把节点作为元素的子节点添加到DOM节点树上。先创建元素点，创建元素节点使用Jquery的工厂函数$()来完成，格式如下：$(html),该方法会根据传入的html字符串返回一个DOM对象，并将DOM对象包装成一个JQuery对象后返回。创建一个元素节点JQuery代码如下：$li1=$("")代码返回$li1就是一个由DOM对象包装成的JQuery对象。把新建节点添加到DOM树中JQuery代码如下：$("ul").append($li1);添加后页面中只能看到元素默认的"·",由于没有为节点添加文本所以只显示默认符号，下面创建文本节点。PS:append()方法是添加DOM节点方法详见增--添加DOM节点。2、创建文本节点使用JQuery的工厂函数$()同样能够创建文本节点，创建文本节点的JQuery代码如下：$li2=$("苹果");代码返回$li2就是一个由DOM对象包装成JQuery对象，把新建的文本节点添加到DOM树中JQuery代码如下：$("ul").append($li2);添加后页面中能看到"·苹果"，右键查看页面源码发现新加的文本节点没有title属性。下面方法创建带属性的节点。3、创建属性节点创建属性节点同元素节点、文本节点一样使用JQuery的工厂函数完成。创建属性节点的JQuery代码如下：$li3=$("榴莲");代码返回$li3也是一个由DOM对象包装成JQuery对象，把新建的属性节点添加到DOM树中JQuery代码如下：$("ul").append($li3);添加后页面中能看到"·榴莲"，右键查看页面源码发现新加的属性节点有title='榴莲'属性。

react的DOM怎么组合成一个html

react的render函数可以需要返回一个html容器，通常是一个div，里面就可以写你的html内容。最终会将这个div容器追加到页面中某一个已经存在的dome元素内，这样就将react组件和html页面结合在一起了。 参考技术A 数式编程生成虚拟DOM 然后生成到对应的HTML的node上