你如何在 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());
  };