react学习(60)--ant design中getFieldDecorator
生活随笔
收集整理的這篇文章主要介紹了
react学习(60)--ant design中getFieldDecorator
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<From><FormItem>//JS代碼書寫時需要用 { } 包裹起來,不能直接寫在代碼塊中 {getFieldDecorator('userName',{initialValue:'Jack',rules:[{required:true,message:'用戶名不能為空'},{min:5,max:10,message:'長度不在范圍內'},{pattern:new RegExp('^\\w+$','g'),message:'用戶名必須為字母或者數字'}]})(<Input placeholder='請輸入用戶名'/>)}</FormItem>
</From>
第一個參數是用戶自定義的、用于識別該控件的變量名,這樣便于在獲取或設置該控件的值。
2019.3.12補充:值得注意的是,getFieldDecorator是一個非常智能的方法,它可以獲得自定義組件的value值,在提交表單時會很方便。其次,initialValue的值會覆蓋子組件中的placeHolder,如果子組件是下拉框,也會根據initialValue的值來匹配自己的value,并顯示相應的值,可以說非常智能了。
總結
以上是生活随笔為你收集整理的react学习(60)--ant design中getFieldDecorator的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: DirectX12_基础知识
- 下一篇: 知乎问答:一年内的前端看不懂前端框架源码