带有样式组件的样式链接

Question

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

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

可能是这样的：

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

Answer 1

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

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