antd 4 x Modal元件的一些坑

2021-10-24 08:36:47 字數 518 閱讀 9192

我的form實體是在modal裡面的,modal開始設定了visible=,初始值為false,在第一次開啟modal,使用this.formref.current.***就會報錯cannot read property '***' of null,只要我的modal開啟關閉一次,後面使用this.formref.current.***就沒問題了

componentwillmount()設定modalvisible為true,componentdidmount()設定modalvisible為false

modal的visible為false,但是modal沒有關閉(不知道這算不算bug)

modal中加入屬性forcerender=完美解決

我也不知道這個屬性具體有什麼用,官網也沒有說明,debug排錯排了半天,看api覺得這個好像有點關係,試一下居然就行了

2020-09-05

找到官方說明了

基於antd封裝的固話元件

最近基於ant design pro框架,著手乙個專案的研發,在乙個業務模組中,需要使用者輸入座機號,最開始,就在form中放乙個input,讓使用者輸入,但是這樣就碰到乙個問題 如何保證使用者的輸入是相同的,資料落庫如何保持一致?在乙個表單中,使用者需要輸入座機號,至少包含區號和座機號,分機號為非...

React修改Antd元件樣式的方法

1 f12開啟除錯,選中elements選項 2 在elements的元素樹中選中相應的antd元件布局,然後檢視右端的css樣式表,找到控制項的css控制器結構。3 最後在我們自己的css樣式檔案中修改對應的控制器屬性就可以了 4 有一些屬性是在antd元件內部通過 設定的,這種情況下,通過上面那...

react中覆蓋antd元件的樣式

由於業務的個性化需求,我們經常會遇到需要覆蓋元件樣式的情況,這裡舉個簡單的例子。antd select 在多選狀態下,缺省會展示所有選中項,這裡我們給它加乙個限制高度,超過此高度就出滾動條。import from antd import styles from testpage.less const...