MUI-自动完成功能不会更新所选值

时间:2019-12-09 19:25:56

标签: reactjs autocomplete material-ui

我正在为项目使用React和Material-UI框架,并想实现MUI-自动完成组件。我确实按原样显示了这些选项,但是在选择这些选项之一时,“输入”字段变为空白,甚至状态保持不变。 我还在网站上尝试了该演示,但无法正常工作。 这是代码。看一下输出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

1 个答案:

答案 0 :(得分:-2)

onSelectCapture={this.handleChange}