将{NavLink}添加到显示空白页面的React组件

Question

我是React.js的新手，并且已经使用以下方法制作了新的反应应用程序：

  

创建反应的应用内

我已经安装了依赖

  

react-router-dom

var React = require('react');
var NavLink = require('react-router-dom').NavLink;

问题是当我将NavLink添加到我的组件时，它将显示空白页面：

之前：

        <ul className="nav navbar-nav navbar-left">
          <li><a>Menu 1</a></li>
          <li><a>Menu 2</a></li>
        </ul>

结果：It Works

但是当我添加navlink

时

之后：

        <ul className="nav navbar-nav navbar-left">
          <li><NavLink activeClassName="active" to="/menu1">Menu 1</NavLink></li>
          <li><a>Menu 2</a></li>
        </ul>

它变成了空白页：Showing Blank Page

如何解决？