奇怪的 TS2322（类型不可分配）错误

Question

我在这里有一个超级简单的代码 sn-p，但无论我使用哪个编辑器（Webstorm、VSCode），我的 SearchBar 的“onChangeText”属性下都会出现红色下划线，并显示以下消息：

TS2322: Type '(val: string) => void' is not assignable to type '((text: string) => void) & ((text: string) => void) & (() => any) & (() => any) & (() => any) & ((text: string) => void) & (() => any) & (() => any) & (() => any)'.   Type '(val: string) => void' is not assignable to type '() => any'.

代码如下：

import React from "react";
import { useState } from "react";
import { StyleSheet, View } from "react-native";
import { SearchBar } from "react-native-elements";
import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
import ScreenWrapper from "../styled/ScreenWrapper";

const HomeScreen = (): JSX.Element => {
  const [searchString, setSearchString] = useState("");

  function updateSearch(val:string):void {
      setSearchString(val)
  }

  return (
    <ScreenWrapper>
      <KeyboardAwareScrollView
        contentContainerStyle={styles.container}
        resetScrollToCoords={{ x: 0, y: 0 }}
        scrollEnabled={false}
      >
        <SearchBar
          placeholder="Type here to search tournaments"
          onChangeText={updateSearch}
          value={searchString}
        />
      </KeyboardAwareScrollView>
    </ScreenWrapper>
  );
};

代码似乎编译和执行得很好，但编辑器中的错误让我抓狂。是否有充分的理由显示这一点？

Answer 1

编译器认为您的updateSearch 函数可能在需要() => any 的上下文中调用，可能是因为在onChangeText 属性上键入。由于您的函数可以在没有任何参数的情况下调用，编译器认为您的函数需要任何参数是错误的。您可以通过将 val 参数设为可选来解决此问题，例如使用合理的默认值：

function updateSearch(val = ""):void {
    setSearchString(val)
}

documentation for that attribute 没有说明它提供的参数，但the code itself 中的输入似乎是正确的。不知道这里的编译器发生了什么。