一、使用 react-transition-group 擴充套件,實現css動畫
二、ant design框架初體驗
三、redux
具體**實現:
src目錄下原有乙個index.js專案入口檔案檔案,和乙個todolist.js元件檔案在
src目錄
下建立store資料夾
,然後在store資料夾
中建立兩個檔案:index.js、reducer.js
既然筆記本接收到了資料變更的資訊,那麼筆記本記錄的資料也要更新:store提供的三種方法:實際專案中,需要將action
的type
名提取出來,並將每個action
封裝,下面是如何提取type
和封裝action
:到目前為止,src
目錄下的檔案結構如下:
有錯誤或不足歡迎指正~
待續…
react學習實戰 簡書 常見優化
1.在constructor方法中 做方法的bind this 優化 constructor props 2.this.setstate賦值優化 this.setstate 優化 使用es6箭頭函式 this.setstate 3.render中有些js 提取出來作為方法 gettodoitem 4...
react簡書專案學習筆記21redux使用的原則
1.store是唯一的 2.只用store可以該變state裡的內容 reducer不能直接更新state,只是返回乙個新的state給store,讓store去改變 3.reducer必須是乙個純函式 純函式 給定固定的輸入就一定有固定的輸出,而且不會有 當函式中有非同步操作或和日期相關的操作的時...
簡書專案開發筆記5 immutable的使用
immutable是facebook團隊歷時三年開發的乙個庫,利用immutable生成的物件,內容不可更改,它是不可直接賦值的物件,它可以有效的避免錯誤賦值的問題 設定屬性 import from immutable const initialstate fromjs const reducer ...