【发布时间】:2020-04-02 22:32:19
【问题描述】:
我正在为一个项目使用 React 和 Material-UI 框架,并希望实现 MUI-Autocomplete 组件。我确实得到了按原样显示的选项,但是在选择其中一个选项后,输入字段变为空白,甚至状态保持不变。 我还尝试了网站上的演示,但无法正常工作。 这是代码。看看输出here。 Link 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