Material-ui 自动完成 - OnChange 阻止其他功能工作

Question

我正在尝试使用自动完成组件，

这是我的代码：

 <Autocomplete
      multiple
      id="checkboxes-tags-demo"
      options={ownerOptions2}
      disableCloseOnSelect
      filterSelectedOptions={true}
      getOptionLabel={(option) => option.title}
      onChange={(event, newValue) => {
        console.log(newValue);
 ** ****props.onSelectionChange(newValue)***** **
            }}
      renderOption={(option, { selected }) => (
        <React.Fragment>
          <Checkbox
            icon={icon}
            checkedIcon={checkedIcon}
            style={{ marginRight: 8 }}
            checked={selected}
          />
          {option.title}
        </React.Fragment>
      )}
      style={{ width: 500 }}
      renderInput={(params) => (
        <TextField {...params} variant="outlined" label="label" placeholder="" />
      )}
    />

没有“onChange”部分，它工作得很好。但是我需要保存并使用选定的值做一些事情，（有其他方法吗？）。

当我添加“onChange”部分并且运行 props 有一个函数时，filterSelectedOptions 和复选框都不起作用。

正确的做法是什么？

Tnx

Answer 1

我的猜测（基于 https://material-ui.com/components/autocomplete/#controllable-states ）是，如果您指定 onChange 或 value 您需要同时提供两者（因此您自己处理 value 的状态）。

Material-ui 自动完成 - OnChange 阻止其他功能工作

Material-ui Autocomplete - OnChange is blocking other features to work

javascript

onchange

reactjs

material-ui