如何在react + Typescript中继承通用道具?

时间:2019-12-05 03:34:01

标签: javascript reactjs typescript

我正在使用打字稿和ReactJS。说,我创建了一个具有一些道具的通用组件。

type Props = {
  as: React.ElementType<any>,
  propOne?: string,
  propTwo?: number
};

function GenericComp({
  as: InnerComp,
  propOne,
  propTwo,
  ...rest
}: Props) {
  return (
    <InnerComp
      propOne={propOne}
      propTwo={propTwo}
      {...rest}
    />
  );
}


<GenericComp as={AnotherComp} anotherCompProp={2} />

我想保留其他组合以及通用组合中的道具,但我不知道如何在打字稿中实现。

0 个答案:

没有答案