03 React 在專案中使用react

2021-08-21 17:51:06 字數 821 閱讀 6790

一、安裝環境npm i react react-dom -s

二、在index.html頁面中建立容器

三、匯入包:

//1.這兩個匯入的時候,接受的成員名稱,必須這樣寫

import react from 'react' //建立元件,虛擬dom元素,生命週期

import reactdom from 'react-dom' //建立好的元件和虛擬dom渲染到頁面上

四、建立虛擬dom元素:

//2.建立虛擬dom元素

//引數1:常見的元素型別,字串,表示元素名稱

//引數2:是乙個物件或者null,標識當前 dom 元素的屬性

//引數3:子節點(包括文字 或者 其他虛擬dom)

//引數n:其他子節點

//const myh1 = react.

createelement

('h1',,

'這是乙個h1'

)

五、渲染:

//3.使用 reactdom 把虛擬dom渲染到頁面上

//引數1:要渲染的虛擬dom

在專案中使用react

1.執行 cnpm install react react dom s react安裝包 專門用於建立元件和虛擬dom的,同時元件的生命週期都在這個包中 react dom安裝包 專門進行dom操作的,最主要的應用場景就是reactdom.render 2.在index.html頁面中建立容器 di...

在 React 專案中使用 ECharts

重要檔案版本 在 react 專案中使用 echarts 生成圖表,與使用其他第三方庫沒有太大的區別,只要在 react 的元件componentdidmount宣告週期中初始化 echarts 圖表,然後在每次更新元件時呼叫 echarts 例項的setoption 方法更新配置即可,以下記錄了使...

在react專案中使用freactal做狀態管理

3.在專案中的應用 4.舉個專案中的操作栗子 結語單頁應用還是需要乙個狀態管理器,之前嘗試過redux,後來覺得它的寫法太繁瑣了,還需要裝各種依賴,棄之,使用乙個較為簡單的freactal。providerstate 複製 不同於redux,freactal可以設定多個store,所以provide...