链接组件不适用于样式化组件

【问题标题】：Link component not working with Styled Components链接组件不适用于样式化组件
【发布时间】：2021-12-20 10:33:35
【问题描述】：

样式不起作用

const MenuOption = styled(Link)`
  font-size: 14px;
`;

仅使用为其作品设置样式的伪类

【问题讨论】：

你能提供更多关于什么不起作用的细节/背景吗？

标签： reactjs styled-components

【解决方案1】：

更好的方法是制作一个风格化的div 或ul，然后将其包裹在link 标记上。也许为它制作一个组件。

例子：

const NavBarLinkDiv = styled.div`
  //your styles
`;

export default const NavBarLink = ({ children, to }) => {
  return (
    <Link to={to}>
      <NavBarLinkDiv>{children} </NavBarLinkDiv>
    </Link>
  );
};

【讨论】：