为什么来自react-router-dom的Link组件不接受className props?



这是我的PageLink组件,

export const PageLink: React.FC<IProps> = ({ id, question, searchBy }) => {
return (
<Link to={{pathname: `results/${id}`, search: `?sortBy=${searchBy}`}} className={styles.PageLink}>
{question}
</Link>
);
};

我在PageLink下编写的所有样式都未应用于此组件。(顺便说一句,我使用css模块)。

根据SO中的其他答案,我用NavLink代替了Link,它工作得很好。

我有两个问题,

  1. 为什么链接组件不接受className道具?

基于这个问题页,人们告诉这不是一个bug。

  1. 使用NavLink而不是Link(对于我的用例)有什么问题吗

更新

我刚刚重启了我的服务器,它只是工作与Link以及。我怀疑ts编译器有一些有趣的地方。更奇怪的是,我注意到很多人在不同的论坛问同样的问题。

最新更新