为了摆脱繁琐的Dom操作, React提倡组件化, 组件内部用数据来驱动视图的方式,来实现各种复杂的业务逻辑 ,然而,当我们为原始Dom绑定事件的时候, 还需要通过组件获取原始的Dom, 而React也提供了...只有当它插入文档以后,才会变成真实的 DOM
如果需要从组件获取真实 DOM 的节点,就要用到官方提供的ref属性
使用场景
当用户加载页面后, 默认聚焦到input框
import React, {...使用场景
为了更好的展示用户输入的银行卡号, 需要每隔四个数字加一个空格
实现思路:
当用户输入的字符个数, 可以被5整除时, 额外加一个空格
当用户删除数字时,遇到空格, 要移除两个字符(一个空格...import React, { Component } from 'react';
import '....处理键盘事件
changeShowTxt(event){
// 当输入删除键时
if (event.key === "Backspace") {
// 如果以空格结尾, 删除两个字符