第一個(gè)報(bào)錯(cuò)：Warning: <HashRouter> ignores the history prop. To use a custom history, use import { Router } instead of import { HashRouter as Router }

第二個(gè)報(bào)錯(cuò)：Warning: Hash history cannot PUSH the same path; a new entry will not be added to the history stack

代碼如下

import React, { Component } from 'react';
import { HashRouter as Router, Route, Link, Switch, HashHistory } from 'react-router-dom';
import PropTypes from 'prop-types';
import './app.css'
import Goods from './pages/goods/goods'
import Active from './pages/active/active'
import Detail from './pages/detail/detail'
import Home from './pages/home/home'
import createHistory from 'history/createHashHistory'
const history = createHistory()


class App extends Component {
  constructor () {
    super()
    this.state = {
    }
  }
  
  render() {
    return (
      <Router history={history}>
        <div className="container"> 
          <div className="siderBar">
            <ul>
              <li className="siderBar_btn"><Link to="/">首頁(yè)</Link></li>
              <li className="siderBar_btn"><Link to="/goods">商品專區(qū)</Link></li>
              <li className="siderBar_btn"><Link to="/detail">商品詳情</Link></li>
              <li className="siderBar_btn"><Link to="/active">活動(dòng)</Link></li>
            </ul>
          </div>
          
          <div className="content">
            <h1 className="title">解碼器1.0</h1> 
              <Route path="/" exact component={Home} />
              <Route path="/detail" exact component={Detail} />
              <Route path="/active" exact component={Active} />
              <Route path="/goods" exact component={Goods} />
            <div className="footer"><img src={require('./assets/logo.png')} /></div>
          </div>
        </div>
      </Router>
    )
  }

}

export default App;

感激不盡~搞了好久額，網(wǎng)上也沒(méi)有具體的案例，有的也很模糊~~