react-router-dom使用NavLink遇到问题

react-router-dom使用NavLink遇到问题

–当发现你的代码没有错误的时候,或许就应该找一下工具的错误

在使用react-router-dom是一直提示这个错误 Stateless function components cannot have refs.(无状态功能组件不能具有引用)。

在一番调试下发现是再重绘时NavLink 出现问题,把这个换成a标签这就没有了这个问题,但这个并不是我想要的效果,于是又在网上开始查阅各种相关的知识。
在这里插入图片描述
在这里插入图片描述
刚开始查询到了这个
在这里插入图片描述
说实话,由于初入react还没学习React Redux,图上错误解答并没看懂(也并不太了解脚手架的内部结构),因为我是基于脚手架开发的没有考虑到可能是脚手架出现了问题,但是又经过一系列的调试后,发现自己写的代码没有任何问题后,又在网上查,去react-router官网看是不是NavLink使用出错了,是不是react-router-dom的版本问题,但是这些问题都一一排除了,最后无果又看见了上面这个图,突然想到是不是我的脚手架下载的出现问题了,里面可能有Redux 但不是最新的(突然感觉恍然大悟)?随后又立即行动,重新create-react-app 。之后问题顺利解决了。找这个问题虽然花了很长时间,但是意外的又深入了解了一下react-router的使用,也算有了很多意外收获。

发布了84 篇原创文章 · 获赞 204 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_44983621/article/details/101621531