1.先是看
object.assign將多個物件的屬性賦給目標物件
多使用 …擴充套件運算子
reducer是乙個純函式,不改變傳入的值
reducer可以呼叫另乙個reducer,抽象出一種方式來處理對它們所管理的狀態樹的某些部分的更新,簡化的方法就是使用combiereducesrs方法
安裝依賴
yarn add redux
yarn add react-redux
redux部分
建reducer
export const reducer = (state=,action) =>
default
:return state;
}}建store
import
from
"redux"
;import
from
'../reducers/index'
export
const store =
createstore
(reducer)
//如果使用combinereducers
import
from
'redux'
export
default
combinereducers
()建actions
export
const
addtodo
=(text)
=>()
export
const
setvisibilityfilter
=(filter)
=>()
export
const
toggletodo
=(id)
=>
()
react-redux部分建provider
建connect
export
default
connect
(mapstatetoprops, mapdispatchtoprops)(a
)
mapdispatchtoprops,將dispatch作為props的方法傳給元件使用
mapstatetoprops,獲取store裡的state
1.redux是乙個很厲害的大神弄出來的很厲害的東西,但是redux的學習成本很高,寫起來也累.可能更適合大型的專案使用
2.mobx的學習成本確實比較低,目前新一代的react狀態管理庫reacoil也在研發,也聽過很多人說redux難,很有可能被淘汰,但是目前react.hooks中的usereducer還是會用到redux,redux的功能也確實比較強大,所以儘管在學習redux上花費了很多時間,但還是有必要的.
整理下Linux的關機與重啟命令
重啟命令 1 reboot 2 shutdown r now 立刻重啟 root使用者使用 3 shutdown r 10 過10分鐘自動重啟 root使用者使用 4 shutdown r 20 35 在時間為20 35時候重啟 root使用者使用 如果是通過shutdown命令設定重啟的話,可以用...
整理下曾經學習shell的筆記
shell 二元比較操作符 二元比較操作符,比較變數或者比較數字.注意數字與字串的區別.整數比較 eq 等於,如 if a eq b ne 不等於,如 if a ne b gt 大於,如 if a gt b ge 大於等於,如 if a ge b lt 小於,如 if a lt b le 小於等於,...
有關c 的學習筆記整理與心得
array 的容量是固定的,而 arraylist 的容量是根據需要自動擴充套件的。arraylist 提供新增 插入或移除某一範圍元素的方法。arraylist就是傳說中的動態陣列,用msdn中的說法,就是array的複雜版本,它提供了如下一些好處 動態的增加和減少元素 實現了icollectio...