React 从零开始学习（十三）—— 路由配置

现在准备给项目添加路由，安装 react-router-dom 使用 yarn add react-router-dom命令。

我这里顺便也装了几个常用的基础插件：

• react-router-dom
• less less-loader
• axios
• jsonp
• antd

进入项目，输入安装命令，如下：

打开 package.json 文件，可以看到相关依赖的版本：

新建文件 Page1.js， Page2.js和Page3.js：

Page1.js：

import React from 'react';
class Page1 extends React.Component {
   
  constructor(props) {
   
    super(props);
    this.state = {
   
      pageText: "我是Page1组件界面"
    }
  }
  render () {
   
    return (
      <div>
        <h1>{
   this.state.pageText}</h1>
      </div>
    )
  }
}
export default Page1

Page2.js：

import React from 'react';
class Page2 extends React.Component {
   
  constructor(props) {