javascript - Material-ui Select 组件未正确更新状态

Question

我用Material-UI. 默认状态下有一个包含两个对象的数组。我将此状态设置为选择值，因此它应该将默认对象显示为已选择。但问题是，这不起作用，即使我尝试选择其他项目选择更新此状态但我无法取消选择默认值。我把我的代码放在CodeSandbox

标签： javascriptreactjsreact-hooksmaterial-ui

Answer 1

您创建的默认值与容器列表中的值不同。如果您将默认状态更改为此它可以工作。

const [desiredVesselType, setDesiredVesselType] = useState([
    vesselsList[3],
    vesselsList[4]
  ]);