時隔多個月 終於 又轉戰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