【React工作记录八十六】React+Hook+ts+antDesignMobile实现input自动获取功能

前言

大家好 我是歌谣 今天继续处理工作遇到的问题 目前要做的问题是移动端需要做一个进入页面获取焦点的功能

实现演示

核心代码

input上面绑定refs

 <Input onChange={handleChange} ref={inputRef} placeholder="请输入条形编码或者扫码录入" />

定义状态

  const inputRef:any=useRef(null)

useEffect

useEffect(()=>{
    if(inputRef.current){
      inputRef.current.focus()
      console.log(inputRef.current)
    }
  },[])

change回调

const handleChange=async (e:any)=>{
    console.log(e,"eeeeeeeee")
    const response = await postWormHouseing({
      barCode: e,
    });
    if (response.code