React之JSX语法

        工作需要，最近在看ReactJs的相关内容，由于React区别于javascript的语法，而采用了最新的ES6的语法（采用了JSX的语法规则），所以便从React的基本语法结构谈起，作为自己这两天的总结。

        首先，React的顶层核心是：

                   1.React.createClass，React的组件化思想是把所有DOM元素作为组件（Component），通过层层叠加渲染到页面中，createClass便作为创建组件（等同于类）的      方式；

          

                   2.React.createElement，用于创建页面元素作为组件的载体嵌入HTML页面中；

                   3.React.render，通过render()函数，将创建的组件递交到指定的页面元素或者创建的页面元素中。

             或者

         ，后一种方法更常用。

         其次，来解释一下什么是JSX，官方将之解释为一种类XML的语法规则的ECMAScript扩展，即，JSX是作为一种Script的存在，并且采用了XML的语法规则。用最直白的话来说就是同时使用了标签和js(或者标签以JS的方式来渲染页面更容易理解)。

         在使用React搭建页面的时候，"{}"是最重要也是使用频率最高的符号，创建类需要花括号{}，递交函数需要{}，组件传参需要{}......同时render()函数和return语句的使用频率也较高，从字面来理解，render表示递交、交付、传递，可以理解为交付给页面的组件或者元素，这些元素组合起来便渲染为完整的页面；return是我们比较熟悉的js语句，通常写在函数结束处，表示返回值，在React中，则用在render后跟的函数中，用来返回HTML或者XML元素，我们在理解了React最基本的语法之后，便容易理解和读懂看起来毫无头绪的React代码了，同时还有一些详细的属性和参数（如props，添加类和样式的方法、规则），有待在实践中进一步完善。