reactjs 材料UI InputAdorment未显示任何内容

yvgpqqbh  于 2023-02-12  发布在  React
关注(0)|答案(1)|浏览(155)

我是第一次在一个项目中使用MUI。尝试让InputAdorment在TextInput中显示一个放大镜svg图标。下面是这个例子:https://mui.com/components/text-fields/
不管装饰的内容是什么,我都无法在UI中显示任何内容。
我的代码是这样的:

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

rryofs0p1#

cris_b在评论中回答。原来TextField上有一个InputProps prop 和一个inputProps prop 。
根据MUI文本字段API documentation,两者之间的区别如下:

输入属性:客体

应用于input元素的属性。

输入属性:客体

应用于Input元素的属性。它将是FilledInputOutlinedInputInput组件,具体取决于variant属性值。

相关问题