javascript - 使用 react-router 4.0.0 的路由器历史记录

Question

在 react-router 4.0.0 中，历史配置似乎已经改变，具有以下 index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, hashHistory } from 'react-router';
import App from './components/App';
import './index.css';

ReactDOM.render(
  <Router history={hashHistory}>
    <Route path="/" component={App} />
  </Router>, document.getElementById('root')
);

我得到:

Warning: Failed prop type: The prop `history` is marked as required in `Router`, but its value is `undefined`.

然后是一个错误。我浏览了代码，但找不到任何示例或 API 如何更改。

Answer 1

React Router v4 改变了一些东西。他们制作了单独的顶级路由器元素。替换 <Router history={hashHistory}>与 <HashRouter>在您的代码中。

希望这对您有所帮助。

import {HashRouter,Route} from 'react-router-dom';

<HashRouter>
    <Route path = "/getapp" component = {MainApp} />
</HashRouter>