react+ts+antd+Input ref类型错误

Question

我再项目中引入了antdUi组件，组件中使用到了Input组件。

import {Input} from 'antd'

const demo = ()=>{
  const inputRef = useRef<HTMLInputElement>(null);![](/img/bVcToW5)
  return (
    <Input type="text" ref={inputRef }>
  )
}

代码编译时Input标签上的ref报错，错误如下：

各位大神帮忙看看，分析下，谢谢！

Answer 1

因为Input组件不是HTMLInputElement类型的。直接useRef<Input>(null)就行了