Ant Design 錯誤記錄與常用例子

1：設定activekey或defaultactivekey，繫結預設值不起作用： => 需要同時設定activekey和defaultactivekey。

1：當改變**繫結的值，表單部分元件未重新整理： => 可以在重新整理列表前將繫結的值重置為空。還不行的話可以給table加上rowkey屬性（值為 string|function(record):string）

rowkey=

2：**有多選功能的時候，selectedrowkeys會儲存所有行的key，而selectedrows只會儲存當前頁選中行（翻頁後會丟失資料）。

1: 可動態搜尋，獲取資料時，option渲染有問題： => 需要配置 filteroption=

document.getelementbyid('box')}/>

或者這種方式

triggernode.parentnode}>
全部

1、replace 和 push：

場景1：頁面a --(push())--> 頁面b --(replace())--> 頁面c

場景2：頁面a --(push())--> 頁面b --(push())--> 頁面c

replace：替換當前路由，如果在頁面c點選瀏覽器的返回鍵，會返回到頁面a。因為頁面c的路由替換了頁面b。

push：顯示新路由，將老路由記錄在歷史中。如果在頁面c點選瀏覽器的返回鍵，會返回到頁面b。

1、自定義校驗validator：

官網中描述，自定義校驗（注意，callback 必須被呼叫）。callback必須被呼叫,if... else...中間不允許return出來

例子：

validator: (rule, value, callback) =>  else if (!value) 
callback();
},

如果我們使用了數字輸入框，輸入數字後，還是會報錯，比如：

，你需要再rules中定義此校驗為數字型別

rules:

當我們將頁面資料填完後，都符合要求，但是就是無法執行到validatefieldsandscroll裡，這時候我們需要檢視自定義validator中是不是有錯誤，比如我在數字輸入框裡面使用了字串長度的判斷就會有錯，但是不錯暴露出來讓你看到

rules: [
callback();
},},
],

這裡我對數字使用了trim()方法會報錯，所以要用json.stringify()包裹起來

2：數字輸入框限制小數點，負數

}
/>

1.配置專案內部的絕對路徑

在.webpackrc.js中配置如下: '@': `$/src`：此時的@指向src 。但是在開發環境中似乎不行

alias: /src`,
},