雖然之前學過react，但是又一次說要拿react寫東西的時候著實是一臉懵逼了，所以就又從頭開始看react，就從剛開始的顯示hello world開始。
寫最基本的react_demo
首先要寫react，當然是從在瀏覽器運行開始，那么我們就來看一下剛開始的代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>react</title>
<script src="http://static.runoob.com/assets/react/react-0.14.7/build/react.min.js"></script>
<script src="http://static.runoob.com/assets/react/react-0.14.7/build/react-dom.min.js"></script>
<script src="http://static.runoob.com/assets/react/browser.min.js"></script>
</head>
<body>
<div id="context"></div>
<script type="text/babel">
const App = React.createClass({
render:function () {
return <h1>Hello, world!</h1>
}
});
ReactDOM.render(
<App/>,
document.getElementById('context')
);
</script>
</body>
</html>
- 以上代碼中主要使用了三個庫：react.js 、react-dom.js 和 Browser.js ，它們必須首先加載。其中，react.js 是 React 的核心庫，react-dom.js 是提供與 DOM 相關的功能，Browser.js 的作用是將 JSX 語法轉為 JavaScript 語法。
- 最后一個 <script> 標簽的 type 屬性為 text/babel 。這是因為 React 獨有的 JSX 語法，跟 JavaScript 不兼容。凡是使用 JSX 的地方，都要加上 type="text/babel" 。
將js文件從html中分離
新建一個文件App.js，然后將剛才<script>里面包含的代碼寫到App.js中，html文件中做以下修改：
<script type="text/babel" src="App.js"></script>
則JavaScript與html成功分離出來，效果和之前一樣。
