1 使用antd, antd是基於 Ant Design 設計體系的 React UI 組件庫
2 npm i redux
1 先創建Store
2 創建reducer
3 在input的框裏面的文字改變的時候 觸發action
4 當reducer處理後 返回一個新的store的時候
則重新更改state 界面更新
至此,我們就實現了輸入框輸入後, 輸入框中的文字不再是初始state的值, 而是改變state的值了 .下一步:點擊按鈕提交的時候,更改下面list的顯示和實現點擊條目刪除list對應條目的功能,
則對應觸發的action 和reducers中的處理爲
抽取acitonCreator:
redux基礎知識小結:
demo請移步github: https://github.com/2402zmybie/React_Redux_TodoList