目錄:
1.react-進階-antd-搜索
2.react-進階-antd-依賴項說明????????
3.react-進階-antd-刪除
1.react-進階-antd-搜索
我們jsx代碼里只能返回一個最頂層的根元素
下拉框簡化寫法:把這個對象結構賦值一下:
清空
定義個參數類型
做修改事件
需要定義三個事件處理函數,定義一個不行的,因為組件他們的風格不同意事件處理函數接受的參數不一樣
條件變了,觸發依賴項重新查詢
get請求會把漢字進行url的編碼
2.react-進階-antd-依賴項說明
form可以簡化
pagination是不能改的
3.react-進階-antd-刪除
添加操作類屬性可以隨便寫
加一個顯示:
此時A6里面的代碼是很多的,再寫刪除,修改的邏輯非常麻煩,react推薦以組件化的方式編寫代碼,我們寫刪除功能,我們可以把刪除的功能抽取成一個組件,A6調用它
將刪除組件引入P6組件
顯示刪除成功,頁面沒更新,手動刷新頁面才行:
我們可以改變form依賴項,來刷新頁面:
我們給刪除組件加一個函數
A6組件傳一個函數
刪除3號元素
就實現了刪除之后刷新頁面: