Material UI InputAdornment 未显示任何内容

Question

我是第一次在项目中使用 MUI。尝试让 InputAdornment 在 TextInput 内显示放大镜 svg 图标。我在这里遵循示例： https: //mui.com/components/text-fields/

无论装饰的内容如何，​​我都无法在用户界面中显示任何内容。在检查器中，输入装饰属性如下所示endadornment="[object Object]"

我的代码是这样的：

<TextField
    defaultValue={''}
    inputProps={{
        placeholder: 'Search',
        endAdornment: <InputAdornment position="end">any</InputAdornment>
    }}
    onChange={handleChange}
/>

Answer 1

cris_b 在评论中回答。原来 TextField 上有一个InputPropsprop 和一个inputPropsprop。

根据 MUI 文本字段 API文档，两者之间的区别：

inputProps：应用于元素的对象
属性input。

InputProps：
应用于输入元素的对象 Props。它将是FilledInput、OutlinedInput或Input组件，具体取决于variantprop 值。