正常在jsx中写法如下：
class Header extends Component<any>{
myInputRef = React.createRef();
render(){
return(
<div>
<input type="text" ref={this.myInputRef}/>
</div>
)
}
}但是在tsx中由于类型检查，会编译报错：
Type 'RefObject<unknown>' is not assignable to type 'string | ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined'.
Type 'RefObject<unknown>' is not assignable to type 'RefObject<HTMLInputElement>'.
Type 'unknown' is not assignable to type 'HTMLInputElement'.ts(2322)
看错误信息，需要添加类型，改为：
myInputRef = React.createRef<HTMLInputElement>();参考：
https://medium.com/@martin_hotell/react-refs-with-typescript-a32d56c4d315
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。