reactjs - react | Material 用户界面|自动完成 |如何在 onNewRequest 中将 id 分配为值

Question

我有一个来自 ma​​terial-ui 库的 AutoComplete 组件。有一种方法可以将其显示为带有 menuItem 组件的选择:

const dataSource = [
  {
    text: name1,
    value: <MenuItem
      primaryText={name1}
      value={id1}
    />
  },
  {
    text: name2,
    value: <MenuItem
      primaryText={name2}
      value={id2}
    />
  }
];

一切看起来都不错，但行不通。第一个问题是，如果我从列表中选择一个元素，它永远不会显示为字段值。我可以在表单字段中看到它，但到后端仅发送我手动输入到字段中的这个字符串。我发现传递的属性之一可以满足我的需求 - onNewRequest。有我需要的所有数据，但仍然找不到，如何将我可以在 chosenRequest 对象中找到的 id 分配给传递给此函数的字段值。

Answer 1

您检查过新版本的 MUI 吗？新版本 (v0.15.1) 包含“dataSourceConfig”作为新属性。这允许您将对象数组传递到“dataSource”中，然后在“dataSourceConfig”中您可以按照 API 中的说明设置“文本”和“值”。另外，很棒的是您可以在“onNewRequest”上传递所选对象!

查看http://www.material-ui.com/#/components/auto-complete .