JSX

作者: 爱翔是我二媳妇 | 来源:发表于2018-07-17 19:00 被阅读0次

构建组件的过程

  1. 创建虚拟DOM
    如果不用JSX,可以用
React.createElement("h1",{"id:'myTitle'"}."hello")

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

const vDom2 = <h3 id= { myId }>{ msg }</h3>
  • 动态的值用大括号括起来
  1. 渲染虚拟DOM
ReactDOM.render(vDom1,document.getElementById("test1"));

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

虚拟DOM

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

总结

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

相关文章

网友评论

      本文标题:JSX

      本文链接:https://www.haomeiwen.com/subject/pwmgpftx.html