我是第一次在一个项目中使用MUI。尝试让InputAdorment在TextInput中显示一个放大镜svg图标。下面是这个例子:https://mui.com/components/text-fields/
不管装饰的内容是什么,我都无法在UI中显示任何内容。
我的代码是这样的:
<TextField
defaultValue={''}
inputProps={{
placeholder: 'Search',
endAdornment: <InputAdornment position="end">any</InputAdornment>
}}
onChange={handleChange}
/>
1条答案
按热度按时间rryofs0p1#
cris_b在评论中回答。原来TextField上有一个
InputProps
prop 和一个inputProps
prop 。根据MUI文本字段API documentation,两者之间的区别如下:
输入属性:客体
应用于
input
元素的属性。输入属性:客体
应用于Input元素的属性。它将是FilledInput、OutlinedInput或Input组件,具体取决于
variant
属性值。