reactjs - 打字稿说我用 styled-components 包装的组件上不存在道具

Question

我正在使用语义 UI 反应和样式组件。我用 styled-components 包装 Tab 组件来自定义它的外观。这是那个代码

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

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

问题是打字稿似乎仍然认为我的组件Menu上没有存在道具。CustomTab

我哪里错了？

标签： reactjstypescriptstyled-componentssemantic-ui-react

Answer 1

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

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