原创 【antd】Tree組件實現展開樹節點
做樹組件的時候有一個需求，在請求詳情頁面的時候自動展開勾選的樹節點，如下： 下面來說一下實現這個過程的思路： 1.在請求詳情頁面的時候要拿到選中的key的數組（一般都是後臺返給的） 2.設置expandKeys屬性，將數組賦值給exp
2019-08-07 14:01:45
原创 【antd】Tree組件子節點不完全勾選獲取父節點的值
注意：這篇文章適用於後臺返回的樹結構比較多的情況下，如果數據比較少的情況下，可以參考我的上一篇文章，操作起來比較簡單 我們在實際操作tree組件和後臺交互的時候一般都是需要將父節點傳過去，如圖：點擊原子零件和零件加工的時候需要把產品服務
2019-08-06 13:56:18
2
原创 【antd】Tree組件實現父子節點分離(父子節點不相互關聯)
項目中我們遇到Tree組件的時候，默認的選中父節點的時候是相互關聯的效果，如下圖： 上圖點擊原子零件的時候下面的都會勾選中，但是，有的時候需要使得勾選父節點的時候不會影響到子節點，即勾選子節點的時候也要勾選上父節點給後臺傳過去 所
2019-08-06 13:56:18
2
原创 【React】別再用js獲取年月日時分秒了！！
我們在一般寫時年月日分秒的時候採取的方法是通過js的方法去拼接成固定格式 如下代碼： var date = new Date(1398250549490); Y = date.getFullYear() + '-'; M = (date.g
2019-06-26 14:05:04
2
原创 【JS】淺談常用到的循環：some、every、map、filter
每一種遍歷都有不同的適用場景，下面就來簡單的總結一下： some()是對數組中每一項遍歷，只要有一項返回true，則返回true，即：有true爲true 舉個栗子： var arr = [ 1, 2, 3, 4, 5, 6 ]; con
2019-06-25 14:02:46
1
原创 【React】使用antd的Modal.confirm方法獲取不到this
在項目中使用到了antd的Modal.confirm方法，發現獲取不到this 項目中需求是這樣的：點擊刪除的時候，彈出confirm框，點擊OK的時候請求刪除接口 項目中的代碼如下： const confirm = Modal.con
2019-06-21 14:12:04
2
原创 【React】antd的form表單的自定義校驗規則的用法
在用到antd的Form組件的時候，可能會用到自定義的規則，以我的項目爲例：在輸入名稱的時候需要請求接口，校驗的內容是後臺返回的內容，所以這個時候需要用到自定義的校驗規則 關於自定義校驗方法：antd官網提供了方法validator，如
2019-06-19 14:00:36
1
原创 【React】利用antd的form自定義表單控件
由於業務的需求，需要對Form表單進行自定義控件操作 業務需求如下： 首先點擊選擇按鈕---在彈窗中選擇產品--將選擇好的產品展示在頁面上，關於自定義組件的封裝網上大牛的方法大多是封裝好新的組件，從而能夠在點擊保存的時候獲取到自定義的v
2019-06-04 13:50:48
2
原创 Redux進階四：使用react-redux實現異步請求
如果我的前幾篇進階你都已經看完，那麼恭喜你，最後一個新的技術點需要攻破哦~介紹另一種比較方便的插件react-redux,我們還是實現上篇的功能，如下圖： 兩個組件是分離的狀態，沒有任何父子關係，通過header中的日期，請求接口，使下面的
2019-05-15 13:52:42
1
原创 Redux進階三：使用redux-saga使用入門
上一篇文章介紹了redux-thunk中間件，redux-thunk中間件主要使action返回函數成爲了可能，可以把異步請求放在action中，今天給大家介紹另一種中間件，redux-saga，可以將異步請求統一放在sagas.js中 參
2019-05-13 13:48:43
2
原创 Redux進階二：使用redux-thunk中間件實現數據請求
看過前兩篇文章的朋友們都知道我們創建的action函數最終都返回🔙對象，如下： export const getDeleteItemAction =(index)=> ({ type: DELETE_TODO_ITEM, index
2019-05-12 13:49:55
2
原创 Redux進階一：提取action
前提：正在看這篇文章的你請務必保證我的上一篇文章《Redux入門級別操作演示》https://www.jianshu.com/p/55a4862eccc1 已經看完，否則！你看不懂這篇文章....因爲！這篇文章是建立上上一篇文章的基礎上⬆
2019-05-11 13:48:30
原创 Redux入門級別操作演示
簡單用redux實現功能如下： 點擊左側導航欄的時候，右側的header頭部相應的顯示出左側的導航欄 首先在實現功能之前，需要簡單的瞭解rudux的流程和幾個常見的方法 流程圖如下： 之前聽到一個大佬講這個的時候把這個流程比喻成借書環
2019-05-10 13:48:46
原创 【react】修改antd的步驟條樣式
antd中的Steps步驟條組件能夠滿足一般樣式需求，但是對於有些項目對步驟條樣式有要求的話就需要對antd中的代碼做一下修改 項目中用到的步驟條的樣式如下： 具體的代碼如下： <Step title='2019-04-28' des
2019-05-01 13:45:34
3
原创 【react】實時獲取路由
參考文檔：https://reacttraining.com/react-router/web/api/withRouter 有的時候項目中需要根據路由對模塊進行處理，所以需要實時獲取到路由的狀態， 如下圖： 在點擊切換路由的時候下面
2019-04-17 14:06:47