带有样式组件的样式链接

Question

我在TypeScript React应用程序中使用styled-components，并且在其顶部有一个路由器。

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

类似这样的事情：

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

非常感谢，干杯！

Answer 1

可能的是，只需将Link作为参数传递给styled函数：

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