你如何在 React Native 中為 useRef 鈎子設置 Typescript 類型？

Question

如何正確鍵入 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}
    />
  )

}

Answer 1

它應該是

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