React Routes 中的 URL 不变

Question

我正在尝试在我的应用程序中实现 React-Router。我已经在 index.js 中初始化了路由器，它工作正常。但它不会更改浏览器中的 URL，并在控制台中抛出此错误。

警告：[react-router] `Router` 不再将 history 属性默认为哈希历史。请改用 `hashHistory` 单例。

Index.js

import 'core-js/fn/object/assign';
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, browserHistory,IndexRoute } from 'react-router';

// Custom Components
import App from './components/Main';
import Dashboard from  './components/containers/Dashboard';
import Settings from  './components/containers/Settings';
import Workspace from  './components/containers/Workspace';
import Main from  './components/Main';

ReactDOM.render((

  <Router histrory={browserHistory}>
    <Route path="/" component={Main}>
      <IndexRoute component={Dashboard}></IndexRoute>
      <Route path="/workspace" component={Workspace}></Route>
      <Route path="/dashboard" component={Dashboard}></Route>
      <Route path="/settings" component={Settings}></Route>
    </Route>
  </Router>


), document.getElementById('app'));

Main.js

require('normalize.css/normalize.css');
require('styles/App.scss');

//Import Custom Components
import React from 'react';
import { Router, Route,Link, browserHistory } from 'react-router';

import Sidenav from  './containers/Sidenav';
import  Page from './Page';


class AppComponent extends React.Component {
  render() {
    return (
      <div>
        <Sidenav />
        <div className="page-wrap">
          {this.props.children}
        </div>
      </div>
    );
  }
}

AppComponent.defaultProps = {
};
export default AppComponent;

Route 工作正常，组件渲染正确。请建议将其与 URL 绑定。

提前谢谢你。 :D

Answer 1

您在<Router histrory={browserHistory}> 中有错字 - 历史记录