react的使用语法

1.     <script> 标签的 type 属性为 text/babel 。这是因为 React 独有的 JSX 语法，跟JavaScript 不兼容。凡是使用 JSX 的地方，都要加上 type="text/babel" 。

2.     ReactDOM.render( )，用于将模板转为 HTML 语言，并插入指定的 DOM 节点。

3.     JSX 的基本语法规则：遇到 HTML 标签（以 < 开头），就用 HTML 规则解析；遇到代码块（以 { 开头），就用 JavaScript 规则解析。JSX 允许直接在模板插入JavaScript 变量。如果这个变量是一个数组，则会展开这个数组的所有成员

4.      React.createClass( )用于生成组件类，所有组件类都必须有自己的 render 方法，用于输出组件。组件类的第一个字母必须大写，另外，组件类只能包含一个顶层标签。

Eg.var HelloMessage = React.createClass({

        render: function() {

                return <h1>Hello {this.props.name}</h1>;

        }

        });

 

        ReactDOM.render(

        <HelloMessage name="John" />,

        document.getElementById('example')

        );

5.     组件可以加入任意属性，注意class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字，属性值可以用this.props获取，如this.props.className。