《React官方文档》之Getting Started

script src="build/react-dom.js" /script script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js" /script /head body div id="example" /div script type="text/babel" ReactDOM.render( h1 Hello, world! /h1 , document.getElementById(example) /script /body /html

JavaScript中的XML语法叫做JSX，查看JSX语法可以学习更多。为了将它翻译成普通的JavaScript ，我们使用  script type="text/babel" 并且包含 Babel来在浏览器中实现真正的翻译。从浏览器打开这个html你就能看到这句问候了！

独立的文件

你的React JSX代码可以在一个独立的文件中。创建如下的 src/helloworld.js

ReactDOM.render(

 h1 Hello, world! /h1 ,

 document.getElementById(example)

然后从helloworld.html引用它:

 script type="text/babel" src="src/helloworld.js" /script 

注意到一些浏览器（比如Chrome）将会加载失败除非它通过HTTP服务.

 React+npm或Bower

你可以使用npm或Bower来管理React 包。你可以在我们的包管理 章节学习到更多相关知识。

下一步

查看我们的教程和其他Starter Kit的examples 目录下的例子来学习更多。