能否为React Node子组件定义特定类型(含其Props)?
如何在TypeScript中限制React父组件的子元素必须符合特定类型?
我有一个React函数式组件:
const MyParent = (props: MyParentProps) => { // ...组件逻辑 }
希望在TypeScript中定义该组件的所有子元素必须遵循特定类型或接口,例如:
type IChild = (props: IChildProps) => JSX.Element;
期望符合IChild类型的子组件可正常使用(如下成功示例),不符合的则触发TypeScript报错(如下失败示例),但目前无法让TypeScript识别这个约束。
成功示例
<MyParent> <Child /> // 符合IChild类型 <Child /> // 符合IChild类型 </MyParent>
失败示例
<MyParent> <BadChild /> // 不符合IChild类型 <Child /> // 符合IChild类型 </MyParent>
内容的提问来源于stack exchange,提问作者mct2386
相关产品推荐
相关产品推荐

