React中的的資料管理Redux

2022-09-09 12:18:17 字數 1992 閱讀 2981

用於中大型的應用,當資料比較龐大,元件之間資料互動較多時使用

解決元件的資料通訊

解決資料資料和互動較多的應用

解決react的資料管理問題

store:資料倉儲,儲存資料的地方

state:乙個物件,存放了整個應用所需要的資料

action:乙個動作,觸發改變資料的方法

dispatch:將動作觸發成方法

reducer:乙個函式,通過獲取action,改變資料,生產乙個新的state

安裝

cnpm i redux --s**e
匯入redux:

主要要匯入createstore

import redux,

from

'redux'

建立reducer

//乙個方法,用於通過action建立乙個新的state

//作用:

//1.初始化資料

//2.通過action.type對state進行修改

varreducer

=function

(state=

,action)

return state

}

建立store

//建立倉庫

//需要傳入乙個redecer

//當store被呼叫時,store會呼叫reducer來進行對state的處理

var store=

createstore

(reducer)

replacereducer

作用:這個方法可以更換reducer

使用

store.

replacereducer

(reducer)

建立方法使用store.dispatch

//這兩個方法使用了store.dispatch來觸發store呼叫redecer

//通過傳遞乙個action物件來進行對redecer方法中的switch的控制

function

add())

}function

reduce()

)}

dispatch的引數

這裡的物件對應的就是redecer中的action,可以往這個物件中加入一切資料

例如:

store.

dispatch(}

)//這裡的context可以改為其他,接收時對應即可

可以這樣接收

console.

log(action.context.msg)

渲染到頁面並呼叫方法

reactdom.

render

(計算資料:

<

/h3>

>+1

<

/button>

>-1

<

/button>

<

/div>

,document.

getelementbyid()

)

使用store監聽state的改變並重新渲染

store.

subscribe((

)=>

<

/h3>

>+1

<

/button>

>-1

<

/button>

<

/div>

,document.

getelementbyid()

)})

使用redux可以實現元件之間的傳值

Docker中的資料管理

使用docker時往往需要對資料進行持久化,或者需要在多個容器之間進行資料傳輸 2 資料卷容器 簡單理解就是先在本地建立乙個目錄,然後容器去掛載這個目錄,無論哪邊修改這個目錄內容哪邊都能看見 類似於 mount 掛載,推薦掛載檔案所在的目錄,不推薦只掛載乙個檔案 特性資料卷可以在容器之間共享和重用 ...

Docker的資料管理

2 資料卷容器 data volumes containers 使用特定的容器維護資料卷 三 資料卷以及資料卷容器的特性 在生產環境中使用docker,往往需要對資料進行持久化,或者說需要在多個容器之間進行資料共享,像我們在登入註冊的是時候,如果我們在其中乙個容器中進行註冊,那必然我們需要能在其他容...

2021 02 04Mysql中的資料管理

方式一 在建立表的時候增加約束 麻煩,比較複雜 create table grade gradeid int 10 notnull auto increment comment 年級id gradename varchar 50 not null null comment 年級名稱 primary ...