react初識
- 安裝
使用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） 引入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"));
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/115139.html
標籤：JavaScript