物料界面自动完成-清除所选项目

Question

感谢您的帮助。

如何通过将index.js中的onClick事件（resetAll（）函数）触发来清除所选项目 Autocomplete.js ，以删除/重置所选项目。

提前谢谢

index.js

      <QueryComponent query={getList}>
        {({ list }) => (
          <AutocompleteComponent 
          options={list}
          label='Label'
          onChange={handleOnChange}
          />
        )}
      </QueryComponent>

     <Button onClick={resetAll}>Reset</Button>

“自动完成”组件如下所示：

Autocomplete.js

   const AutocompleteComponent = ({ options, label, onChange }) => {
       return (
         <Autocomplete
           id="size-small-outlined-multi"
           size="small"
           options={options}
           clearOnEscape
           getOptionLabel={option => `${option.id} - ${option.name}`}
           onChange={(_, chosenValue) => onChange(chosenValue)}
           renderInput={params => (
           <TextField
             {...params}
            label={label}
            variant="outlined"
            fullWidth
           />
          )}
        />
      );
    };