构建组件的过程
- 创建虚拟DOM
如果不用JSX,可以用
React.createElement("h1",{"id:'myTitle'"}."hello")
来创建简单的虚拟DOM。
使用JSX
const vDom2 = <h3 id= { myId }>{ msg }</h3>
- 动态的值用大括号括起来
- 渲染虚拟DOM
ReactDOM.render(vDom1,document.getElementById("test1"));
将虚拟DOM挂载到真实DOM容器中
虚拟DOM
- 更新虚拟DOM的时候不会更新界面。
- 虚拟DOM没有真实DOM那么多的属性方法,比较“轻”
总结
- JSX是一种在js里写HTML的语法,它所渲染出来的是一个虚拟DOM,同时可以通过
{}来插值。在React的语法中,可以支持自定义的标签和自定义的标签属性名。













网友评论