用於中大型的應用,當資料比較龐大,元件之間資料互動較多時使用store:資料倉儲,儲存資料的地方解決元件的資料通訊
解決資料資料和互動較多的應用
解決react的資料管理問題
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 ...