關於antd 中使用Form.Item 結合CheckBox 無法更新改變狀態的問題


時隔多個月 終於 又轉戰react, rn我真的太難了。

事件前提:最近在開發react框架的后台管理系統。必不可少的用到antd-design。提交一個數據比較多的表格。因為需要判斷一些必填和規則。所以如果自己寫就比較麻煩,在這里就用到react-design的Form組件。

在項目中 其他都好說 但是有一個多選框 ===>

 

這里CheckBox 可以用 CheckBox.Group。因為使用Form.Item 那么問題來了,看截圖---->

 antd官網指出了 使用Form.Item無法使用setState 。所以會出現什么情況呢,就是你點擊box 不會給你響應。

解決方法是 既然他不能使用state 那么可以曲線救國呀。 那我們這里就用props來解決,首先整個表單是一個組件,接受一個包含影響chenckbox狀態的數據。點擊子級的checkbox的時候本來是修改子級的state的 但是這里可以去動態的修改props(也就是父級的傳給子級的數據源)。這樣就可以完美的做到想要的效果了。

 

這個是我耗時很久想到的方法,不知道還有沒有簡單的方法,如果哪位同志知道的話 可以告知告知。QAQ

 


免責聲明!

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



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