React Native 在 typescript 中,箭头函数(或普通函数)的类型是什么?

ee7vknir  于 2022-12-24  发布在  React
关注(0)|答案(1)|浏览(157)

我试着输入一个组件的属性

interface CardProps {
  title: string;
  content: string;
  image?: string;
  handle: Function;
}

const Card: React.FC<CardProps> = ({ title, content, handle, image }: any) => {
  return (
    <CardContainer onPress={handle}>
{/*...*/}
  )

但是当我运行它的时候,它给了我一个错误:第一个月
把手是这样的

<Card
    {/*👇*/}
        handle={() =>
          navigation.navigate("Verbete", {
            title: verbetes.nazismo.title,
            content: verbetes.nazismo.content,
          })
      />

我想知道函数的类型是什么

cetgtptt

cetgtptt1#

如果你的函数不带参数也不返回任何值,那么它的类型就是() => void,否则你必须列出参数、参数的类型和返回类型。
此外,您没有正确键入组件本身。它应该如下所示:

const Card = ({ title, content, handle, image }: CardProps) => {
  ... 
}

相关问题