526互联

react ant-mobile的input组件，使用ref实现失焦方法

发布时间 2024-01-04 13:51:20作者: 心意12
// 设置ref
<Input
　　ref={inputRef}
　　placeholder='信息保密，仅用于投保'
　　className='pos-app-phone tkzx-rr-block'
　　clearable
　　type='tel'
　　maxLength='11'
　　onChange={(val) => {
　　　　change(val, 'applicant__mobile');
　　}}
　　onBlur={(val) => onBlur(val, 'applicant__mobile')}
/>
// onChange时，blur失焦
  const change = (val, name) => {
    if (name === 'sms_code' && val.length === 4) {
      inputRef.current.blur();
    }
  };

其他方法如聚焦focus也是同样的使用方法

ant-mobile中Ref中属性都是同样使用方法，文档如下：