图中是JSX,就是javascriptXML,是facebook为react开发的一套语法糖,语法糖是计算机语言的语法,对语言的功能没有影响,只是方便程序猿使用,增加程序的可读性,减少出错的几率。类似的有CoffeeScript、微软的TypeScript,最终都被解析成js,才能被浏览器理解和执行。
图上div 和Hello为react components,我们可以生成类html的诸如Hello的自定义标签,react components不是真实的dom节点,在react看来它就是相应react components的一个实例,它是通过React.render呈现出来的,第一个参数是我们要渲染的组件,第二个参数是组件插入的位置。
既然是语法糖,那么就必须有解析库,然后告诉浏览器这是jsx,如图:
1.解析js库;2.告诉浏览器这里面是jsx。
JSX让我们可以在js里直接写类dom的结构,比原始的拼接字符串,在用正则表达式替换方便了很多。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。