本文介绍如何在React中使用useState Hook管理状态，动态改变Input组件的type属性。通过定义默认type为'text'，并创建onSetType方法切换到'password'，实现了Input在文本和密码输入之间的切换，点击Input时触发类型变更。
1.定义默认type为'text'.
const [valType, setValType] = useState('text')
2.定义个方法改变type
const onSetType = () => {
setValType('password')
}
3.给Input绑定点击，触发改变type。Input的type为定义的valType
<Input type={valType} onClick={onSetType}></Input>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
