React Material-UI Autocomplete：如何在更改另一个字段中的值时清除在自动完成字段中选择的多个值（mui 芯片）？

Question

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

options for Banking Type

在下面的屏幕截图中，我正在尝试清除子类型字段的选项和 mui-chips。仅更新选项，但未清除多芯片。

mui chips not gettig reset, on changing Type drop-down value

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

Answer 1

从 github 的 oliviertassinari 那里得到了答案。

工作解决方案可在以下链接中找到： https://codesandbox.io/s/autocomplete-multiple-forked-onu5n?file=/src/demo.js:0-2437