1.react初识

react初识

1. 安装

使用npm

        Npm install react react-dom –S         单独安装react框架及react-dom

        Npm install create-react-app –g       全局安装react脚手架，可以直接生成react开发环境

        (当安装的是一个工具，无需打包到最终项目时应当使用 –D，当安装的是一个需要打包到最终项目的包时，使用 -S)

React是框架的主体（包含生命周期、虚拟DOM等），react-dom是框架的dom操作

当创建虚拟DOM是需要使用react，当将虚拟DOM渲染到页面时需要使用react-dom

1. 简单的使用

（1）      引入React和ReactDOM

Import React from “react”;

Import ReactDOM from “react-dom”;

（2）      创建一个虚拟DOM

Let myh1 = React.createElement(‘h1’, {id: “myh1”, className: “h1” title: “this is h1”}, “这是一个h1”);

// 创建了一个：<h1 id = ”myh1” className = ”h1” title = ”this is h1”>这是一个h1</h1>

（3）      将虚拟DOM渲染到指定DOM节点下

ReactDOM.render(myh1, document.getElementById("root"));