BrowserRouter vs具有history.push（）的路由器

Question

我试图理解react-router-dom(v5)包的browserrouter和router之间的区别，以及它对下面示例的区别。

文件中说：

来源：https://reacttraining.com/react-router/web/api/router

据我所知，我应该使用BrowserRouter为我的HTML5浏览器应用程序，我一直在这样做到目前为止。

history.push（...）示例：

import history as './history';

...

export function someAsyncAction(input) {
  return dispatch => {
    fetch(`${API_URL}/someUrl`, {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ input }),
    }).then(() => {
      history.push('/myNewRoute');
    }).catch((err) => {
      dispatch(setError(err));
    })
  };
};

import { createBrowserHistory } from 'history';

export default createBrowserHistory();

import { BrowserRouter as Router } from 'react-router-dom';
import history as './history';

...

const App = () => (
  <Router history={history}>
     ...
  </Router>
);

// Does not work:
import { BrowserRouter as Router } from 'react-router-dom';

// Does work:
import { Router } from 'react-router-dom';

Answer 1

BrowserRouter忽略history道具，因为它为您自动处理历史记录。如果您需要访问react组件之外的历史记录，那么使用router应该很好。