React:mobx-react-router

正文:mobx-react-router

history methods
  • push(path)
  • replace(path)
  • go(n)
  • goBack()
  • goForward()
import React from 'react';
import ReactDOM from 'react-dom';
import {createBrowserHistory} from 'history';
import { Provider } from 'mobx-react';
import { RouterStore, syncHistoryWithStore } from 'mobx-react-router';
import { Router } from 'react-router';
import App from './App';
 
const browserHistory = createBrowserHistory();
const routingStore = new RouterStore();
 
const stores = {
  // Key can be whatever you want
  routing: routingStore,
  // ...other stores
};
 
const history = syncHistoryWithStore(browserHistory, routingStore);
 
ReactDOM.render(
  <Provider {...stores}>
    <Router history={history}>
      <App />
    </Router>
  </Provider>,
  document.getElementById('root')
);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容