创建虚拟dom

1.使用 JSX 创建虚拟 DOM

const VDOM = (
  <h1 id={MyId.toLocaleUpperCase()}>
    <span className="sss" style={{ fontSize: "50px" }}>
      sss
    </span>
  </h1>
);

2.使用 JS 创建虚拟 DOM

// 1.创建虚拟DOM[在这使用了js的语法]React.createElement(标签,标签属性,内容)
const VDOM = React.createElement("h1", { id: "title" }, "nihao");

使用 JS 和 JSX 都可以创建虚拟 DOM，但是可以看出 JS 创建虚拟 DOM 比较繁琐，尤其是标签如果很多的情况下，所以还是比较推荐使用 JSX 来创建。