繁体   English   中英

React Material-UI Autocomplete:如何在更改另一个字段中的值时清除在自动完成字段中选择的多个值(mui 芯片)?

[英]React Material-UI Autocomplete: How to clear multiple values (mui chips) selected in a Autocomplete field on changing the value in another field?

如何在更改另一个字段中的值时清除 Material UI Autocomplete TextField 中的 mui-chips。 在下面的示例中,每当类型值更改时,我都会尝试清除子类型值。 我能够根据类型字段中更改的值更新下拉选项。 但是 mui 芯片没有被清除。

银行类型选项

在下面的屏幕截图中,我试图清除子类型字段的选项和 mui-chips。 只有选项得到更新,但 mui-chips 没有得到清除。

mui 芯片不会重置,更改类型下拉值

问题可在以下代码和框链接中重现: https ://codesandbox.io/s/autocomplete-multiple-wkumx

从 oliviertassinari 从 github 得到了答案。

以下链接提供了工作解决方案: https : //codesandbox.io/s/autocomplete-multiple-forked-onu5n?file=/src/ demo.js: 0-2437

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM