创建虚拟DOM的两种方式

最新推荐文章于 2023-08-09 19:07:25 发布

VIP文章豆浆油条_煎bingo子

最新推荐文章于 2023-08-09 19:07:25 发布

阅读量743

点赞数 1

分类专栏： React

本文链接：https://blog.csdn.net/qq_45679015/article/details/111471843

版权

需求：使用React创建以下标签
在这里插入图片描述

使用jsx创建虚拟DOM

 // 1.创建虚拟DOM
  const VDOM = <h1 id="title"><span>Hello React</span></h1>;//此处不要写引号，因为不是字符串//
 // 2.渲染虚拟DOM到页面
  ReactDOM.render(VDOM,document.getElementById('test'));

<!-- jsx创建虚拟DOM是js创建虚拟DOM的语法糖 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title

最低0.47元/天解锁文章

优惠劵

豆浆油条_煎bingo子

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
创建虚拟DOM的两种方式

需求：使用React创建以下标签使用jsx创建虚拟DOM // 1.创建虚拟DOM const VDOM = <h1 id="title"><span>Hello React</span></h1>;//此处不要写引号，因为不是字符串// // 2.渲染虚拟DOM到页面 ReactDOM.render(VDOM,document.getElementById('test'));<!-- jsx创建虚拟DOM是js创建虚拟DOM的语法糖
复制链接

扫一扫