Question

import React, { Component } from 'react';
import { Navbar, NavbarBrand, Nav, NavbarToggler, Collapse, NavItem, Jumbotron } from 'reactstrap';
import { Navlink } from 'react-router-dom';

我已经使用终端命令 yarn add react-router-dom@4.2.2 安装了路由，但是出现了上述错误。

我在 HeaderComponent.js 文件中使用了 Navlink 代码，如下所示：

<NavItem>
  <Navlink className="nav-link" to="/home">
    <span className="fa fa-home fa-sm"> Home</span>
  </Navlink>
</NavItem>

我该如何解决这个问题？

Answer 1

将Navlink改为NavLink。

Answer 2

您的导入应该使用 NavLink 而不是 Navlink。请按以下方式进行更改：

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

<NavItem>
  <NavLink className="nav-link" to="/home">
    <span className="fa fa-home fa-sm"> Home</span>
  </NavLink>
</NavItem>

尝试导入错误：'Navlink'未从'react-router-dom'中导出。

2 个答案: