快速开始

JSFiddle #

AG亚游集团,  1987年,邓小平再次点将,刘华清出任中央军委副秘书长,主抓和现代化建设。1989年,刘华清升任军委副主席。1992年,76岁高龄的他当选为中共第十四届中央政治局常委。这是中共十三大至今,唯一一个担任常委职务的现役军人。

  这种大型P2P网站目前有酷狗、音魁、酷乐(北京)等。张德生生说五大唱片公司(华纳、EMI百代、环球和目前已经合并的索尼与BMG)把所有这类的P2P网站都列在打击侵权的范围之内。记者试图采访几家P2P网站,均被拒绝。今年开什么店好  这个大胆的设计是由著名工业设计工作室JacobJensenDesign设计,具有典型的北欧设计风格。

开始学习 React 最简单的方式是使用如下JSFiddle的 Hello World例子:

初学者教程包 (Starter Kit) #

如果不想使用npm可以下载初学者教程包,其中预置了React和ReactDOM。

在初学者教程包的根目录,创建一个包含以下内容的 helloworld.html

<!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="/cdnjsaff4cloudflareaff4com/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;可以去 AG亚游集团JSX 语法 里学习更多 JSX 相关的知识。为了把 JSX 转成标准的 JavaScript,我们用 <script type="text/babel"> 标签,然后通过Babel转换成在浏览器中真正执行的内容。

分离文件 #

你的 React JSX 代码文件可以写在单独的文件里。创建 src/helloworld.js 文件,内容如下:

React.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

然后在 helloworld.html 引用它:

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

请注意,某些浏览器(如,Chrome浏览器)将无法加载该文件,除非它通过HTTP服务。

离线转换 #

先安装命令行工具(依赖 npm):

npm install -g react-tools

然后将你的 src/helloworld.js 文件转成标准的 JavaScript:

jsx --watch src/ build/

一旦你修改了, build/helloworld.js 文件会自动生成。

React.render(
  React.createElement('h1', null, 'Hello, world!'),
  document.getElementById('example')
);

对照以下内容更新你的 HTML 代码

<!DOCTYPE html>
<html>
  <head>
    <title>Hello React!</title>
    <script src="build/react.js"></script>
    <!-- 不需要JSXTransformer! -->
  </head>
  <body>
    <div id="example"></div>
    <script src="build/helloworld.js"></script>
  </body>
</html>

祝你好运,欢迎来到 React 的世界。

亚马逊广告和云计算业务表现良好 推动股价上涨 北京输掉这场已到悬崖边 大换血后仍无缘8强? [新浪彩票]08日竞彩赔率解读:马赛主场称雄 黑马再见!江苏肯帝亚出局难掩本季亮点 俄军核潜艇被曝曾逼近美军基地 俄媒:全程未被发现 女足亚洲杯中国队首战泰国海报:23朵玫瑰蓄势待放 沈阳限购:本地有2套及以上房家庭三环内暂停购买 缅政府军与地方武装冲突致19死 中缅边境炮声明显 皇马醒醒!这样怎么踢利物浦?别把欧冠拱手送人 贪官侵吞上千万国有资产 称赃款捐给寺庙是做善事 砂石船事故多发 上半年死亡失踪数已超前两年总和 詹天佑双色球18086期分布图:二三区交替走热
杜特尔特力挺中国的这个决定 让菲律宾国内炸了 宏观看客:特朗普总统 简单的做法应该是货币贬值 成都锦标赛杰弗瑞姜逆转夺冠 金大星黑纯一T5 中国老夫妇在美乘飞机遇车祸 美航被批服务太冷漠 乔布斯求职简历连名字都写错 拍卖估价达5万美元 火箭被坑了?白扔全能新星 莫雷这次也吃亏了 中美科技竞争阴影:华为无奈少碗饭 中兴惨烈半条命 酷派诉小米专利侵权 维权还是蹭热点? 爱国者柳传志决定开战 两周连失两阵地!恒大只剩中超了 还能抢回来吗? 特立尼达和多巴哥一中国公民遇害 中使馆提出交涉 近700万叙利亚难民遍布全球45国 150万人欲归国
男子重男轻女卖掉亲闺女 又伙同妇产科医生卖女婴 富士康月底举行股东大会 讨论子公司内地A股上市事宜 报名-2018汇丰全国青少年高尔夫冠军赛广州站 李彦宏:归国上市一直是百度的梦想 Uber产品主管离职 原亚马逊语音购物高管接替 第三方支付公司汇付天下赴港IPO 曾经遭受监管处罚 神奇!巴萨开发反自然核武 这数据可不输C罗 新浪杯未来之星法国站承办地:为中国引进法国马术体系 白石勇一围棋俱乐部2周年纪念 老师平时讲什么? 谁帮我杀人我给钱 我出钱谁愿意为我卖命 微信赚钱的三大方法 谁需要钱我借他100万 AG亚游集团