react 引入html文件_如何引用react-dom

使用react开发网页，需要下载两个包，一个是react，一个是react-dom，其中react是react的核心代码。react的核心思想是虚拟Dom，react-dom的核心功能就是把这些虚拟Dom渲染到文档中变成实际dom。

如何引用react-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脚本引入即可。

// ** Our code goes here! **

总结：● import ReactDOM from 'react-dom'; // es6 语法

● var ReactDom = require('react-dom') // es5 语法

● // 浏览器方式

更多React相关技术文章，请访问React答疑栏目进行学习！