React安装

前端之家收集整理的这篇文章主要介绍了React安装前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

React 可以直接下载使用,下载包中也提供了很多学习的实例。
你可以在官网 http://facebook.github.io/react/ 下载最新版。

你也可以直接使用 BootCDN 的 React CDN 库,地址如下:

 
 
  我们引入了三个库: **react.min.js 、react-dom.min.js 和 babel.min.js:** **react.min.js** - React 的核心库 **react-dom.min.js** - 提供与 DOM 相关的功能 ---------- <!DOCTYPE html> <html> <head> <Meta charset="UTF-8"/> <title>Hello React!</title> <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script> <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script> <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script> </head> <body> <div id="example"></div> <script type="text/babel"> ReactDOM.render( <h1>我的名字</h1>,document.getElementById('example') ); </script> </body> </html>
ReactDOM.render(
    <h1>我的名字</h1>,document.getElementById('example')
);

以上代码将一个 h1 标题,插入 id=”example” 节点中。

注意:

如果我们需要使用 JSX,则 <script> 标签的 type 属性需要设置为 text/babel。这是因为 React 独有的 JSX 语法,跟 JavaScript 不兼容。凡是使用 JSX 的地方,都要加上 type="text/babel"

原文链接:https://www.f2er.com/react/304417.html

猜你在找的React相关文章