Javascript 反应物料界面的多个选定值是否自动完成？

我正在中使用材质ui自动完成。我想在表单提交时获取所有选定的值。根据这一点，我们可以在onChange事件处理程序上获取单个值，但我想要一个在表单提交时获取所有选定值的简化解决方案。 这是自动完成的标记

<Autocomplete
  multiple
  id="checkboxes-tags-demo"
  options={devicesAndGroups}
  disableCloseOnSelect
  getOptionLabel={(option: any) => option.name}
  renderOption={(option, { selected }) => (
    <React.Fragment>
      <Checkbox
        icon={icon}
        checkedIcon={checkedIcon}
        style={{ marginRight: 8 }}
        checked={selected}
      />
      {option.name}
    </React.Fragment>
  )}
  style={{ width: "100%" }}
  renderInput={(params) => (
    <TextField
      {...params}
      name="selectedDevices"
      variant="outlined"
      label="Devices/Groups"
      placeholder="Devices"
    />
  )}
/>;

option.name}
渲染={（选项，{selected}）=>(
{option.name}
)}
样式={{width:“100%”}
renderInput={（参数）=>(
)}
/>;

---

是否有“自动完成”的任何属性，以便随时获取所有选定的值？

我正在使用Redux toolkit进行状态管理，并通过在Redux存储中按每个选项的“选择-取消选择”来解决此问题

const onSelectionChanged = (...params: any) => {
    const changedOption = params[3].option;
    const selectionType = params[2];  // selected/deselected ... in case of selection, it's === "select-option" 
    dispatch<any>(
      devicesThunkActions.selectDeselect({ changedOption, selectionType })
    );    
};

.
.
.
    onChange={onSelectionChanged}
    renderInput={(params) => (
          <TextField
            {...params}
            name="selectedDevices"
            variant="outlined"
            label="Devices/Groups"
            placeholder="Devices"
            className={classes.customPadding}
          />
      )}

const onSelectionChanged=（…参数：any）=>{
const changedOption=params[3]。选项；
const selectionType=params[2]；//已选择/已取消选择…如果选择，则为==“选择选项”
派遣(
devicesThunkActions.selectDeselect（{changedOption，selectionType}）
);    
};
.
.
.
onChange={onSelectionChanged}
renderInput={（参数）=>(
)}

面对同样的问题。你是怎么解决的？我发布了答案。