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"));