我正在使用具有所需属性的组件。我想使用所述属性集来设置该组件的样式,并且在渲染时不需要再次设置它。如果我不重新设置它,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 属性的唯一方法?
使用