如何允许只定义类型为子组件

Question

我正在创建一个组件库。我希望有一种方法可以让某个组件成为父组件的子组件。

例如:

export default function InputWrapperComponent({children}:{children:JSX.Element}){return {children}}

我希望这个包装器只接受CurrencyInput和TextInput组件作为子组件。我怎样才能使它成为可能。(如果可能，使用泛型类型)

Answer 1

你要做的是不可能在React与TypeScript。要了解为什么可以这样做以及可以做什么，请参见这里:https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase#typing-children