React學習 02建立

執行npm init -y快速初始化專案

在專案根目錄建立src源**目錄和dist產品目錄

在 src 目錄下建立index.html使用 cnpm 安裝 webpack ，執行cnpm i webpack webpack-cli -d注意：webpack 4.x 提供了 約定大於配置的概念；目的是為了儘量減少 配置檔案的體積；

執行cnpm i react react-dom -s安裝包

在index.html頁面中，建立容器：

>
div>

匯入 包：

import react from

'react'
import reactdom from
'react-dom'

// 這是 建立虛擬dom元素的 api    

//  第乙個引數： 字串型別的引數，表示要建立的標籤的名稱
//  第二個引數：物件型別的引數， 表示 建立的元素的屬性節點
//  第三個引數： 子節點
const myh1 = react.createelement('h1', , '你比四環多一環')

渲染：

// 3. 渲染虛擬dom元素

// 引數1： 表示要渲染的虛擬dom物件
// 引數2： 指定容器,注意：這裡不能直接放 容器元素的id字串，需要放乙個容器的dom物件
reactdom.
render
(myh1, document.
getelementbyid()
)

React學習1 建立專案

nodejs 解壓版 安裝與配置 clone專案yang react得到同名資料夾，可以得到乙個.git和readme的檔案。在yang react資料夾層級，開啟terminal視窗，執行下方命令。此時，建立程式就會在yang react目錄中執行建立操作，新增專案基本檔案。設定國內源 npm c...

React筆記02 React中的元件

乙個網頁可以被拆分成若干小部分，每個部分都可以稱為元件，即元件是網頁中的一部分。元件中還可以有多個元件。乙個元件的構成 import react from react render 實際專案中用下方這種簡化寫法 import react,from react render 語法拆分理解 import...

建立react專案

1.安裝node lts比較穩定的版本 current最新的版本 安裝完成後 node v npm v 輸出成功，說明node就安裝成功了。2.建立react腳手架 npm start yarn.lock 專案的依賴包 版本號 不要動 package.json scripts gitignore 用...