材质UI:React自动完成组件(受控)和disableCloseOnSelect

时间:2020-05-14 17:32:10

标签: reactjs autocomplete material-ui

使用Material UI为React.js提供的Autocomplete component时遇到问题。

这是我的组件的样子:

<Autocomplete
        options={options}
        value={value}
        disableCloseOnSelect
        onChange={handleChange}
        limitTags={4}
        getOptionLabel={(option) => option.name }
        renderOption={(option, { selected }) => (
          <React.Fragment>
            <Checkbox
              icon={icon}
              checkedIcon={checkedIcon}
              className={classes.checkbox}
              checked={selected}
            />
            {option.name}
          </React.Fragment>
        )}
        renderInput={(params) => (
          <TextField {...params}  variant="outlined" label={label} placeholder={label} />
        )}
        {...custom}
      />

我无法使功能disableCloseOnSelect与受控组件一起运行,因为它不能防止选择后关闭列表...如果我移除了道具value和{{1 }}一切正常,但我的项目需要它们。

有人对我的处理方式有相同的问题或发现任何错误吗?

似乎有一个与我的here相匹配的问题。在那种情况下,可能是一个错误吗?

0 个答案:

没有答案