小编Joa*_*erg的帖子

使用样式组件和打字稿覆盖道具

我正在使用具有所需属性的组件。我想使用所述属性集来设置该组件的样式,并且在渲染时不需要再次设置它。如果我不重新设置它,Typescript 就会抱怨。

我想做的事情的要点是:

const Arrow = styled(<Icon icon={"ArrowRight"}/>)`
    ...
`;
Run Code Online (Sandbox Code Playgroud)

并且渲染时不需要设置icon

如果我这样做

const Arrow = styled(Icon)`
    ...
`;

Arrow.defaultProps = {
    icon: "ArrowRight",
};
Run Code Online (Sandbox Code Playgroud)

渲染的时候还是要设置一下icon

有什么方法可以实现这一点,或者是我用 typescript-magic 修改 Arrow 属性的唯一方法?


使用

  • 打字稿 3.7.5
  • 反应16.12.0
  • 样式组件 5.0.1

typescript reactjs styled-components

3
推荐指数
1
解决办法
3273
查看次数

标签 统计

reactjs ×1

styled-components ×1

typescript ×1