带有样式组件的样式链接

Question

我在 TypeScript React 应用程序中使用styled-components ，并且在它上面有一个路由器。

是否可以使用样式组件设置来自react-router-dom Link元素的样式？

像这样的东西可能：

  const HeaderLink = styled.Link`
    background-color: hotpink;
  `

Answer 1

有可能，只需将Link作为参数传递给styled化的 function：

const StyledLink = styled(Link)`
   color: green;
`;