为了摆脱繁琐的Dom操作, React提倡组件化, 组件内部用数据来驱动视图的方式,来实现各种复杂的业务逻辑 ,然而,当我们为原始Dom绑定事件的时候, 还需要通过组件获取原始的Dom, 而React也提供了...使用场景
为了更好的展示用户输入的银行卡号, 需要每隔四个数字加一个空格
实现思路:
当用户输入的字符个数, 可以被5整除时, 额外加一个空格
当用户删除数字时,遇到空格, 要移除两个字符(一个空格..., 一个数字),
为了实现以上想法, 必须获取键盘的BackSpace事件, 重写删除的逻辑
限制为数字, 隔四位加空格
?...this.state.showTxt+event.key})
}
}
render() {
return (
银行卡号 隔四位加空格...为了获取文本输入框的一些操作, 还是js原生的事件绑定机制最好用~