为 React Native TextInput 创建 ref 时的 TypeScript 问题

Question

我在定义引用时遇到了一个问题，即

inputRef = React.createRef(null)

//...

const someFunction () => {
 if (this.inputRef && this.inputRef.current) {
   this.inputRef.current.focus()
 }
}

//...

<TextInput ref={inputRef} />

当我访问 .focus() 时出现以下错误：

[ts] Property 'focus' does not exist on type 'never'. [2339]

我能以某种方式告诉 createRef 这个 ref 可以是 null 或 TextInput 所以它知道 .focus() 可能存在吗？

Answer 1

您可以尝试以下方法：

inputRef = React.createRef<TextInput>();