URLがReact Routesで変更されていません

Question

私は自分のアプリケーションにReact-Routerを実装しようとしています。私はindex.js内のルータを初期化し、うまく動作します。しかし、ブラウザのURLは変更されず、このエラーがコンソールにスローされます。

警告：[react-router] `Router`はデフォルトで履歴の履歴をデフォルトにしなくなりました。代わりに `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; 

ルートが正常に動作しているとコンポーネントが正しくレンダリングされつつあります。これをURLでバインドすることをおすすめします。

ありがとうございます。 ：D

Answer 1

あなたは<Router histrory={browserHistory}>にタイプミスがある - 歴史を歴史の