第一种是引入babel.min.js的方式,也就是jsx的方式
第二种是js+react的方式:
如果标签简单,二者均可,如果标签复杂,jsx的写法更省事:
jsx方式:
react+js方式:
jsx的优势:编写虚拟Dom,特别是嵌套的虚拟Dom。但是实际上jsx的写法,最后是被babel翻译成js+react写法,因为浏览器只认识js。换句话说jsx是传统js编写虚拟Dom的语法糖。
第一种是引入babel.min.js的方式,也就是jsx的方式
第二种是js+react的方式:
如果标签简单,二者均可,如果标签复杂,jsx的写法更省事:
jsx方式:
react+js方式:
jsx的优势:编写虚拟Dom,特别是嵌套的虚拟Dom。但是实际上jsx的写法,最后是被babel翻译成js+react写法,因为浏览器只认识js。换句话说jsx是传统js编写虚拟Dom的语法糖。