react-router-redux-provider
对 react-redux 的 Provider
与 react-router 进一步封装
Provider 与 BrowserHistory 整合
import React from 'react';import BrowserProvider as Provider from 'react-router-redux-provider';import Route Link from 'react-router-dom';import store from './store.js'; { return <Provider => <Link ="/">主页</Link> <br /> <Link ="/about">关于</Link> <Route ="/" = /> <Route ="/about" = /> </Provider> ;}
Provider 与 HashHistory 整合
import React from 'react'; import HashProvider as Provider from 'react-router-redux-provider'; import Route Link from 'react-router-dom'; import store from './store.js'; { return <Provider => <Link ="/">主页</Link> <br /> <Link ="/about">关于</Link> <Route ="/" = /> <Route ="/about" = /> </Provider> ; }
Provider 与 MemoryHistory 整合
import React from 'react';import Provider from 'react-router-redux-provider';import Route Link from 'react-router-dom';import store from './store.js'; { return <Provider => <Link ="/">主页</Link> <br /> <Link ="/about">关于</Link> <Route ="/" = /> <Route ="/about" = /> </Provider> ;}
自定义 history 的 Provider
import React from 'react';import MemoryProvider as Provider from 'react-router-redux-provider';import Route Link from 'react-router-dom';import createHistory from 'history/createBrowserHistory';import store from './store.js'; { return <Provider = => <Link ="/">主页</Link> <br /> <Link ="/about">关于</Link> <Route ="/" = /> <Route ="/about" = /> </Provider> ;}