为 React Native TextInput 创建 ref 时出现 TypeScript 问题

Posted 2023-02-22

【中文标题】为 React Native TextInput 创建 ref 时出现 TypeScript 问题

【英文标题】：TypeScript issues when creating ref for React Native TextInput

【发布时间】：2019-04-22 18:14:31

【问题描述】：

我在定义参考时遇到了一个问题，即

inputRef = React.createRef(null)

//...

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


//...

<TextInput ref=inputRef />

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

[ts] 类型“从不”上不存在属性“焦点”。 [2339]

我能否以某种方式告诉createRef，此引用可以是null 或TextInput，以便它知道.focus() 可能存在？

【参考方案1】：

您可以尝试以下方法：

inputRef = React.createRef<TextInput>();