JSX

构建组件的过程

1. 创建虚拟DOM
   如果不用JSX，可以用

React.createElement("h1",{"id:'myTitle'"}."hello")

来创建简单的虚拟DOM。
使用JSX

const vDom2 = 
{ msg }

• 动态的值用大括号括起来

2. 渲染虚拟DOM

ReactDOM.render(vDom1,document.getElementById("test1"));

将虚拟DOM挂载到真实DOM容器中

虚拟DOM

• 更新虚拟DOM的时候不会更新界面。
• 虚拟DOM没有真实DOM那么多的属性方法，比较“轻”

总结

• JSX是一种在js里写HTML的语法，它所渲染出来的是一个虚拟DOM，同时可以通过{}来插值。在React的语法中，可以支持自定义的标签和自定义的标签属性名。