添加NavLink后如何解决“×TypeError:无法读取未定义的属性'pathname'”?

时间:2019-10-31 16:19:49

标签: node.js reactjs

我正在第一个NodeJS / ReactJS网络项目中工作,添加<NavLink>后卡住了。 This是我完整项目的链接。

我正在关注this教程,并且发现package.json中的模块比视频中的模块更新。我有

{
    "react": "^16.11.0",
    "react-dom": "^16.11.0",
    "react-router-dom": "^5.1.2",
}

我的header.js中的代码:

import { NavLink } from 'react-router-dom';

            <div className="header-container">
               <div className="header-top">
                    <img src={logo} alt=""/>
                    <NavLink className="signIn-btn">Sign In</NavLink>
               </div>
           </div>

我正在为我的第一个NodeJS / ReactJS应用程序工作,并且得到:

× TypeError: Cannot read property 'pathname' of undefined"

NavLink添加到我的Header.js之后。

1 个答案:

答案 0 :(得分:0)

您缺少to道具。

尝试一下:

<NavLink className="signIn-btn" to="/">Sign In</NavLink>