IconButton缺失
IconButton缺失
提问于 2021-02-21 11:54:34
我有这个用于输入的可重用钩子组件，它为TextField呈现得很好，但是IconButton没有出现。
const InputHookComponent = (props) =>{
const [val, setval]=useState("");
const cmp = <TextField
type={props.a}
placeholder={props.b}
onChange={
e => setval(e.target.value)
}
value={val}
endAdornment={
<InputAdornment position="end">
<IconButton
aria-label="Toggle visiblity"
onClick={ ()=>{
// function here
}}
><VisibilityOff/>
</IconButton>
</InputAdornment>
}
/>
return [val, cmp]
}组件正在使用@material-ui。一直在抓我的头，找出出了什么问题，但我找不出这里出了什么问题。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-02-21 12:00:30
尝试将endAdornment作为InputProps传递，如下所示：
<TextField
type={props.a}
placeholder={props.b}
onChange={
e => setval(e.target.value)
}
value={val}
InputProps={{
endAdornment: <InputAdornment position="end">
<IconButton
aria-label="Toggle visiblity"
onClick={ ()=>{
// function here
}}
><VisibilityOff/>
</IconButton>
</InputAdornment>
}}
/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66302023
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号