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>
本文介绍如何在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>
6041

被折叠的 条评论
为什么被折叠?