javascript 如果状态为空,如何清除React Material AutoComplete选定的标签?

j91ykkif  于 2023-06-04  发布在  Java
关注(0)|答案(1)|浏览(118)

我有一个状态:

const [searchEntryNo, setSearchEntryNo] = useState('');

然后我有一个函数来清除这样的状态。

const handleClear = () => {
    setSearchEntryNo('');
  };

Then There React AutoComplete:

<Autocomplete
              className={classes.searchBox}
              id="combo-box-demo"
              size="small"
              options={entryList}
              getOptionLabel={(option) => option}
              onChange={(event, newValue) => {
                setSearchEntryNo(newValue);
              }}
              style={{ width: 300 }}
              renderInput={(params) => <TextField {...params} variant="outlined" 
                      placeholder="Searching" size="small" />}
            />

注意:entryList是数组状态
有一个按钮,handleClear()函数触发了按钮click:

<Button onClick={handleClear}> Clear </Button>

***现在我想在handleClear()触发后从AutoComplete Box中清除选定的标签。我该如何解决问题?请帮帮我!!

nnsrf1az

nnsrf1az1#

onChange还将第二个参数传递给更改处理程序:docs

onChange={(_, value: any, reason: string) => {
 if (value) {
    // seState
 }
if (reason === "clear") {
    // clear State
 }
}}

相关问题