React的第一个例子

准备:

官网:https://facebook.github.io/react/downloads.html

Github地址:https://github.com/facebook/react

 

首先需要引入的3个库:

react.js 是 React 的核心库,

react-dom.js 是提供与 DOM 相关的功能,

browser.min.js 的作用是将 JSX 语法转为 JavaScript 语法

而且凡是使用 JSX 的地方,script都要加上 type="text/babel" 

 

第一个实例:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>Hello React</title>
    <script src="build/react.js"></script>
    <script src="build/react-dom.js"></script>
    <script src="build/browser.min.js"></script>
</head>

<body>
    <div id="example"></div>
    <script type="text/babel">
        // ** Your code goes here! **
         ReactDOM.render(
        <h1>Hello, world!</h1>, document.getElementById('example') 
        );
    </script>
</body>

</html>

 

效果:

 

 

posted @ 2015-12-11 11:00  tinyphp  Views(354)  Comments(0Edit  收藏  举报