【问题标题】:MUI-Autocomplete does not update value on selectMUI-Autocomplete 不更新选择值
【发布时间】:2020-04-02 22:32:19
【问题描述】:

我正在为一个项目使用 React 和 Material-UI 框架,并希望实现 MUI-Autocomplete 组件。我确实得到了按原样显示的选项,但是在选择其中一个选项后,输入字段变为空白,甚至状态保持不变。 我还尝试了网站上的演示,但无法正常工作。 这是代码。看看输出hereLink to video showing output

 <Autocomplete
 id="combo-box-demo"
 options={this.props.products}
 getOptionLabel={option => option.name}
 style={{ width: 300 }}
 renderInput={params => (
 <TextField
    {...params}
    label="Combo box"
    variant="outlined"
    fullWidth
 />
)}/>

我无法在 CodeSandbox 上复制该问题,但这是它的链接。 Link to CodeSandbox

【问题讨论】:

  • 您没有onChange,因此不会发生任何事情。
  • 我确实添加了一个onChange 事件,直到我选择其中一个选项它才会编辑状态,但是一旦我选择了它就不起作用的选项。 Here's a video of what happens.
  • 如果您能提供一个CodeSandbox 来重现您的问题,那将会很有帮助。您的问题文本中显示的代码不足以理解您的问题。
  • 我已经编辑了我的帖子,其中包含指向 CodeSandbox 的链接。无法复制该问题,但在我的计算机上仍然如此。

标签: reactjs autocomplete material-ui


【解决方案1】:
onSelectCapture={this.handleChange}

【讨论】:

  • 嗨,欢迎来到 StackOverflow。此处不鼓励仅使用代码的答案。您能否添加更多上下文和/或解释,说明这对原始问题有何帮助?
  • Material-UI material-ui.com/api/autocomplete987654321@中没有Autocomplete组件的这种prop
猜你喜欢
  • 2020-03-30
  • 2022-11-06
  • 1970-01-01
  • 1970-01-01
  • 2018-10-26
  • 2010-10-22
  • 1970-01-01
  • 2019-09-19
  • 1970-01-01
相关资源
最近更新 更多