Typescript 说我用 styled-components 包装的组件上不存在 prop

Question

我正在使用 semantic-ui-react 以及 styled-components。我用 styled-components 包装 Tab 组件来定制它的外观。这是代码

const CustomTab = styled(Tab)<{props: TabProps}>`
    flex: 1;
    display: flex;
    margin-top: 10px;
    flex-direction: column;
`;

如您所见，我试图指定 CustomTab 的道具与 Tab 组件的道具相同。我是根据答案做的。

问题是 typescript 似乎仍然认为 Menu props 没有在我的 CustomTab 组件上存在。

我哪里错了？

Answer 1

尝试const CustomTab = styled(Tab)<TabProps>

您基本上将道具定义为如下所示的对象：{props: {TabProps}}

Typescript says a prop does not exist on a component I wrapped with styled-components