如何在 React Native 中为 useRef 钩子设置 Typescript 类型？

Posted 2023-03-13

【中文标题】如何在 React Native 中为 useRef 钩子设置 Typescript 类型？

【英文标题】：How do you set the Typescript type for useRef hook in React Native?

【发布时间】：2020-04-08 13:21:10

【问题描述】：

如何正确键入 React Native TextInput 的 useRef？ 使用下面的代码，我得到以下错误。

Property 'isFocused' does not exist on type 'MutableRefObject<TextInput>'

import React,  useRef  from 'react';
import  TextInput  from 'react-native';

const TestScreen = () => 

  const searchInputRef = useRef<TextInput>();

  const updateSearchText = (searchText: string) => 
    console.log(searchTextRef.isFocused()); //  ???? Error here.
  ;

  return (
    <TextInput
      ref=searchInputRef
      placeholder="Search"
      onChangeText=(text: string) => updateSearchText(text)
      autoCorrect=false
      autoCapitalize="none"
      value=searchText
    />
  )

【参考方案1】：

应该是

 const updateSearchText = (searchText: string) => 
    console.log(searchInputRef.current.isFocused());
  ;

【讨论】：

嗯...这有点尴尬。 ? 谢谢！