React 解决 RefObject<unknown>' is not assignable to type 'LegacyRef

jetsung

React TypeScript 使用 createRef 出现 Type 'RefObject<unknown>' is not assignable to type 'LegacyRef<HTMLInputElement> 的解决方法

使用方法

msgRef = createRef()
...
<input type="text" ref={this.msgRef} />

报错信息

Type 'RefObject<unknown>' is not assignable to type 'LegacyRef<HTMLInputElement> | undefined'.
Type 'RefObject<unknown>' is not assignable to type 'RefObject<HTMLInputElement>'.
Type 'unknown' is not assignable to type 'HTMLInputElement'.

不能将类型“RefObject<unknown>”分配给类型“LegacyRef<HTMLInputElement> | undefined”。
不能将类型“RefObject<unknown>”分配给类型“RefObject<HTMLInputElement>”。
不能将类型“unknown”分配给类型“HTMLInputElement”。ts(2322)

解决方法

msgRef: React.RefObject<any> = createRef()
...
<input type="text" ref={this.msgRef} />