• 7

在TypeScript中使用useRef和Input的时候，如何设置类型？

typescript antd 
import { useRef } from 'react'
import { Input } from 'antd'

const ref = useRef<Input>()

我用上面的方式，不能把字符串赋为初始值，使用如下的方式

const ref = useRef<Input>('init')

请问该如何正确的设置类型和初始值呢？

阅读 1.7k
评论
    2 个回答
    • 68 
    const ref = useRef<HTMLInputElement>('init')
    评论 赞赏
      • 2
      • 新人请关照

      useRef初始值是Input引用的初始值，不是Input组件的value属性的初始值
      非要使用可以 useRef<Input>(new Input({value: "init"})), 不过这样太奇怪了
      如果提示Object is possible null/undefined， 可以先判断下 :
      if (ref.current) { ref.current.focus() }
      Typescript就不会报错了

      评论 赞赏
        撰写回答

        登录后参与交流、获取后续更新提醒