样式组件覆盖父道具类型

Question

我有父组件：

const ParentComponent = styled.div<{url: string}>`
//some css
`

我有一个子组件

const ChildComponent = styled(ParentComponent)`
//some css
`

所以在子组件中 url 是必需的，是否可以覆盖子组件的类型？这样我就不需要将 url 传递给孩子。谢谢。

Answer 1

我认为这不可能。我能想到的唯一方法是在 attrs 中提供所需的网址，这样您就无需在每次使用 ChildComponent

时都设置网址

const ChildComponent = styled(ParentComponent).attrs({ url: null })`
  //some css
`;