reactjs - 如何在reactjs中的material-UI多选框中将对象列表设置为默认值？

Question

我有这个example使用multi select box来自material-ui v4。

该示例包含两个组件，第一个组件具有无法正常工作的对象的默认值列表，第二个组件具有工作正常的字符串列表。

问题:(第一个组件)当我打开“选择”组件时，未选择默认值，当我单击默认值时，它再次添​​加到选择框，我多次获得相同的值。

Answer 1

使用相同的对象，例如更改。

const [personName, setPersonName] = React.useState([
    { _id: '1', name: 'Oliver Hansen' },
    { _id: '2', name: 'Van Henry' },
  ]);

至:

const [personName, setPersonName] = React.useState(names.slice(0,2));

我不记得以前在 MaterialUI 中这是必要的，但它解决了演示中的问题，所以也许我以前没有遇到过它。