H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端问题精选】在TypeScript中使用useRef和Input的时候,如何设置类型?

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

const ref = useRef<Input>()

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

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

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

回答:

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

回答:

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

本文地址:H5W3 » 【前端问题精选】在TypeScript中使用useRef和Input的时候,如何设置类型?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址