標籤：react
引入React可以使用Bower下載React
bower install react引入react(.min).js和JSXTransformer.js。在React組件中可以不使用JSX，但建議使用 JSX。引入 JSXTransformer.js 庫是來實現在瀏覽器裡的代碼轉換，上線之後最好把JSX代碼轉換成正常的js代碼，然後去掉JSXTransformer.js的引用。
JSX代碼寫在<script type="text/jsx">中，注意type是text/jsx。
npm install -g react-toolsjsx --watch src/ build/一旦src中的JSX檔案修改了，就會自動轉換到build檔案夾中。
Hello World一個最簡單的React組件。
html檔案
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title></title></head><body><div id="helloworld"></div><script src="bower_components/react/react.min.js"></script><script src="bower_components/react/JSXTransformer.js"></script><script src="js/main.js" type="text/jsx"></script></body></html>main.js檔案
var HelloWorld = React.createClass({ render: function () { return <h1>Hello {this.props.name}</h1>; }});React.render(<HelloWorld name="World" />, document.getElementById(‘helloworld‘));著作權聲明：本文為博主原創文章，未經博主允許不得轉載。
【React】熱熱身：Hello World
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
