我正在与Material UI一起在React Redux中工作。在此，我有两个下拉菜单来显示产品类别。第一个下拉列表将显示主要类别项，这些项将来自虚拟数据。根据第一个下拉菜单选择，第二个下拉菜单将显示项目（基本上是级联操作）。
我试图在第一个下拉列表值更改后从第二个下拉列表中清除现有值和所选文本。我正在尝试从第二个下拉列表中删除现有值，并且收到以下错误消息：“ Material-UI：提供给自动完成功能的值无效。所有选项均与{"name":"SKINCARE","subCategories":[{"name":"SOAPS & SCRUBS"},{"name":"Body Lotions"}]}不匹配。您可以使用{ {1}}支持自定义相等性测试的道具。”。
如何解决此问题？ 我已经在codesanbox.io中添加了示例代码 https://codesandbox.io/s/clear-auto-complete-1ndsm?file=/src/App.js