React報錯 :browserHistory doesn't exist in react-router

由於版本問題,React中history不可用

import { hashHistory } from 'react-router'

首先應該導入react-router-dom包:

import { hashHistory } from 'react-router-dom'

以前的寫法:

import React from 'react';
import { hashHistorty } from "react-router";

class Login extends React.Component {
  ...
  onSubmit() {
　   ...
     hashHistory.push('/GetUser');        
  }       
  ...
}

這種方式會報錯:

'react-router' does not contain an export named 'hashHistory'.

可以用 history包 (需要安裝 npm install --save history )進行修改:

import React from 'react';
import { createHashHistory } from 'history'; const history = createHashHistory();

class Login extends React.Component {
  ...
  onSubmit() {
　   ...
     history.push('/GetUser');        
  }       
  ...
}

參考:https://stackoverflow.com/questions/36467126/reactjs-can-not-read-property-push-of-undefined/43266270

(畢)