reactjs - 如何使用 styled-jsx 设置 React Router 元素的样式？

Question

我有一个 react-router 元素<NavLink/>，我正在尝试使用 styled-jsx 库对其进行样式设置。但是，我应用于其 className 的 css 属性没有任何效果。样式化普通的 jsx 元素效果很好。有谁知道是否有另一种方法可以设置此元素的样式（我想设置text-decoration: none）。如果可能的话，我想避免使用内联样式。

这是我的简化代码：

const Header: React.FC = () => {
  return (
    <header>
      <NavLink to="/" className="nav-link">
        Home
      </NavLink>

      <style jsx>
        {`
          .nav-link {
            text-decoration: none;
          }
        `}
      </style>
    </header>
  );
};