reactjs - 如何在打字稿中将generc定义为FC组件？

Question

将类型传递给接口道具泛型的语法是什么？（猫必须是 FC 型）

interface CatProps<T> {
  value: T
}

const Cat: FC<CatProps<T>> = () => {
  return <h1>Hello World!</h1>
}

const cat = <Cat<number> />

标签： reactjstypescriptgenerics

Answer 1

这是一个完整的示例（基于@Alex Chashin 的评论）：

interface CatProps<T> {
  value: T;
}

const Cat = <T extends any>({value}: CatProps<T>) => <h1>Hello {value}!</h1>

const cat = Cat({value: 'world'});

或者如果你想传递一个数字：

const cat = Cat({value: 11});