react form表單中自定義組件的數據雙向綁定實現


react form使用antd組件


無需對Input組件綁定value和onChange事件等,非常方便;

react form使用自定義組件

vue使用v-model語法糖很便捷;初體驗react,很多技能不知道,初始是將form值傳入組件,然后修改組件值時調用父組件方法再修改form對應字段,總覺得難受;
今天突然想到使用antd自帶組件就無需綁定值和事件,想必react也實現了自己的一套語法糖,於是嘗試了一下;用法如下:

父組件:
uploading-image-785543.png

子組件:

其實就相當於react實現了對Form.Item下的自定義組件自動注入value屬性和onChange事件;子組件可以直接通過props調取使用


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM