react做h5 例子_【React入门实例（运行于浏览器duan）】

一、HTML模板

二、ReactDOM.render()

ReactDOM.render是React的最基本方法，用于将模板转换为HTML语言，并插入指定的DOM节点。

ReactReactDOM.render(

Hello,World!

,

document.getElementById('example')

);

上面代码将一个 h1 标题，插入 example 节点，运行结果如下：

HTML 语言直接写在 JavaScript 语言之中，不加任何引号，这就是jsx的语法，它允许 HTML 与 JavaScript 的混写

三、JSX语法

上面代码体现了 JSX 的基本语法规则：遇到 HTML 标签(以 

JSX 允许直接在模板插入 JavaScript 变量。如果这个变量是一个数组，则会展开这个数组的所有成员，如：

运行结果如下：

四、组件

React代码允许将代码封装成组件，然后像插入普通HTML标签一样，在网页中插入这个组件。React.createClass方法就用于生成一