使用Material UI Select反应最终形式

时间:2019-07-02 02:09:14

标签: reactjs material-ui selectlist react-final-form

当将React final-form与Material UI Select一起使用时,我遇到问题。也就是说,当“选择”列表项更改并且新列表不包括先前选择的值时,表单值仍然保留应清除的选择值。

例如: 我的Select组件名称为“ test”,其中包含Select列表项:

listItems = ["1", "2", "3", "4"]

然后我选择“ 3”值。具有属性“ test”的表单值已分配给“ 3”。

此后,列表项已更改。

listItems = ["1", "4", "5", "7"]

新列表不包含“ 3”值,但我的表单值仍在“ test”属性中保留“ 3”值。

在选择列表更改时是否有任何方法可以清除该值,并且新列表不再包含该值?

预先感谢

1 个答案:

答案 0 :(得分:0)

好吧,这取决于列表更改来自何处。沙箱确实可以帮助您。

表单中的任何地方,you have access to the Final Form form API都必须调用npm -v。也许当列表更改时可以这样做?