Question

如果我有职能部分......

const MyParent = (props:MyParentProps)=>{

 etc...
}

......在描述中,有可能确定所有儿童都必须遵守某种特定类型或界面? 页: 1

type IChild = (props:IChildProps)=> JSX.Element;

......

成功

<MyParent>
  <Child/> // That implements IChild
  <Child/>// That implements IChild
</MyParent>

失败

<MyParent>
  <BadChild/> // That doesn t implement IChild
  <Child/>// That implements IChild
</MyParent>

我只能拿打字眼来理解试图实现什么目标。

Answer 1

无,是不可能的。

相反,你可以在操作时间检查<代码>ReactElement的类型。

const MyChild = () => {
  return <></>;
};

type MyParentProps = {
  children: ReactElement | ReactElement[];
};

const MyParent = (props: MyParentProps) => {
  const children = (props.children instanceof Array) ? props.children : [props.children];
  for (const child of children)
    if (child.type !== MyChild)
      throw new Error("Children of MyParent must by MyChild.");
  
  return <></>;
}

但是,由于时间过长,你可以对照某种类型或接口检查。

友情链接