使用 react 开发网页, 需要下载两个包, 一个是 react, 一个是 react-dom, 其中 react 是 react 的核心代码. react 的核心思想是虚拟 Dom,react-dom 的核心功能就是把这些虚拟 Dom 渲染到文档中变成实际 dom.
引用 react-dom 很简单, 首先你需要创建一个 react 项目, 这里我们介绍两种方式, 第一种是使用 NPM 来创建, 另一种是采用 script 标签引入 react 的方式创建项目.
● 使用 NPM 创建项目
1. 首先需要安装脚手架
NPM install -g create-react-App
2. 然后我们创建一个 react 项目
create-react-App my-App
3. 接着在项目中引用 react 和 react-dom
index.JS 文件中
- import React from 'react';
- import ReactDOM from 'react-dom';
● 创建单页面 react 项目
通过 script 脚本引入即可.
- <!DOCTYPE html>
- <HTML>
- <head>
- <script src="../build/react.js">
- </script>
- <script src="../build/react-dom.js">
- </script>
- <script src="../build/browser.min.js">
- </script>
- </head>
- <body>
- <div id="example">
- </div>
- <script type="text/babel">
- //** Our code goes here! **
- </script>
- </body>
- </HTML>
总结:
● import ReactDOM from 'react-dom'; // es6 语法
● var ReactDom = require('react-dom') // es5 语法
● <script src="react-dom.js"></script> // 浏览器方式
来源: http://www.css88.com/qa/react/15172.html