MUI 自动完成 endAdornment 吹走默认 clearIcon

Question

我正在使用 MUI 自动完成功能，并在（从外部源）获取选项时向 Textfield 添加了一个 endAdornment 加载器，但是这会覆盖 MUI 的 clearIcon（可能是因为它也是一个 endAdornment）。如何确保保留默认的 clearIcon ？这是我的代码-

<Autocomplete
        style={{ margin: 'auto' }}
        options={itemOptions}
        getOptionLabel={(option: Item) => option? option.name:''}          
        value={selectedItem}
        inputValue={filterInput}
        onInputChange={(e, v) => handleInputChange(v)}
        onChange={(e, val) => {
          if (val) {
            handleItemSelect(val)
          }
        }}
        renderInput={(params) => (
          <TextField
            {...params}
            label="Items"
            variant="outlined"
            style={{ width: '300px' }}
            InputProps={{
              ...params.InputProps,
              endAdornment: (
                <>
                  {loading ? <CircularProgress color="inherit" size={25} /> : null}
                </>
              ),
            }}
            type="text"
          />
        )}
/>

Answer 1

我想通了，只需要补充：

{params.InputProps.endAdornment}

给我的endAdornment 像这样：

endAdornment: (
                <>
                  {loading ? <CircularProgress color="inherit" size={25} /> : null}
                  {params.InputProps.endAdornment}
                </>
              ),