Material ui 如何允许文本字段跟踪图标可单击

我尝试使用Material UI Textfield trailingIcon属性添加图标，但找不到使图标可单击的方法

    <TextField
      outlined
      name="add name"
      className={styles.textField}
      placeholder={'Add Name')}  
      value={name}
      invalid={false}
      trailingIcon={{ icon: 'clear', tabIndex: -1 }}
      onChange={handleChange}
      onBlur={handleBlur}
      onClick={handleClick)}
    />

---

我很高兴知道是否有任何默认方法可以让TextField trailingIcon在使用Formik这种附加库的旁边单击。

属性

trailingIcon

在TextField组件的API中不存在

除此之外，这里有一个示例，说明如何使用

InputProps

实现这一点。可以将onClick与IconButton组件结合使用。“文本字段装饰”下的示例

material ui textfield没有trailingIcon属性。您确定正在使用材质ui组件吗？它确实显示trailingIcon。

      <TextField
        id="filled-adornment-password"
        className={clsx(classes.margin, classes.textField)}
        variant="filled"
        type={values.showPassword ? 'text' : 'password'}
        label="Password"
        value={values.password}
        onChange={handleChange('password')}
        InputProps={{
          endAdornment: (
            <InputAdornment position="end">
              <IconButton
                edge="end"
                aria-label="Toggle password visibility"
                onClick={handleClickShowPassword}
              >
                {values.showPassword ? <VisibilityOff /> : <Visibility />}
              </IconButton>
            </InputAdornment>
          ),
        }}
      />