在 Material-UI 自动完成中获取选定的值

Question

这是沙盒代码的链接： 问题

这是我的问题：我无法像其他组件一样检索自动完成组件中的值。 如果单击检索数据按钮，它将检索创建者、标题、描述、项目、严重性和状态的值，但成员字段为空。 我认为问题出在我的自动完成组件（第 95 行）上，我做得对吗？

注意：我重新制作了代码，以便可以在codesandbox上共享它，在我的原始代码中我使用的是redux（但我很确定问题不存在，而是在自动完成组件中）

Answer 1

这样做

     <Autocomplete
        multiple
        style={{ margin: "10px" }}
        limitTags={1}
        options={sampleUsers}
        getOptionLabel={(option) => option.name}
        fullWidth
        onChange={(e, newMember) =>
          setBugData({ ...bugData, members: newMember })      //return new member
        }

它可以工作

Answer 2

1. 使用 object 代替字符串 retrievedBugData: {name: "Minnie Mouse"}

---

const retrievedBugData = {
  creator: "Mickey Mouse",
  title: "A title",
  description: "A Description",
  project: "Project",
  members: [{name: "Minnie Mouse"}, {name: "Donald Duck"}],
  severity: "High",
  status: "Pending"
};

---

2. 将自动完成的值设置为： value={bugData.members}

---

<Autocomplete
    multiple
    style={{ margin: "10px" }}
    limitTags={1}
    value={bugData.members}
    options={sampleUsers}
    getOptionLabel={(option) => option.name}
    fullWidth
    )}
/>

---

3. 在更改事件https://codesandbox.io/s/brave-pare-4w60h?file=/src/App.js 中使用 object