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