reactjs - React TS 通用组件将通用 Prop 传递给 child

Question

我想创建一个有点像 Accordion 的 React 组件。它将有 child 并允许打开/关闭每个 child 。每个子组件也是一个 React 组件，需要来自父组件的独特 Prop ，而其他子组件可能不会使用。我假设我需要使用泛型来促进这些不同的 Prop 。

我有这个CodeSandbox项目与我的尝试。

Answer 1

要将组件作为 prop 传递，请使用 ComponentType 而不是 FC

type SubSectionToggleProps<T> = {
  subSections: ComponentType<SubSectionBaseProps>[];
} & T;

您可能必须对传入的组件进行类型断言

<SubSectionToggle<{ title: string; count: number }>
  title="Hello"
  count={2}
  subSections={[Component1, Component2] as ComponentType<SubSectionBaseProps>[]}
/>

CodeSandbox