React里面用到是JSX这个东西,JSX全名叫JavaScript xml---在React内部构建标签到类xml语法。举个例子,比如我要创建一个标题函数调用,如果不用jxs,我们可以这样写:
React.DOM.h1({className:'question'},'Question')
或者:
React.createElement('h1',{className:'question'},'Question')
如果用jsx,那么可以这样写:
<h1 className="question">Question</h1>
注意一点,在jsx里面,标签里面以前写到class要改写成className,因为class是es6到关键字。说点题外话,大家有时间到话看一看es6到一些新特性,更加到趋向面向对象到思想类,我们在以前写es5的时候,很多的写法也是面向对象的思想,比如工厂模式,构造函数模式都是面向对象思想的,es6的面向对象更加赤裸裸了。
说一下jsx对于我们开发人员的好处,直观,可读性好,抽象化,关注分离点,看一下就行了,真正的好处自己写代码就知道了。反正对我最大的感触,就是功能分离模块化,别的优点也就那样。
大家记住啊,不管学啥,重要是思想,语法什么的,都是按照人家那个来就行,接口实现来个什么功能,看着api就行来,知道传参是啥,什么类型的,返回的是啥,什么类型的,做项目的时候看一眼就行来。多写上两遍都记住了,重要的是思想。如果想看详细的jsx介绍,看一下别人的文章。