import React from 'react';
import ReactDom from 'react-dom';
import {createStore, applyMiddleware,compose} from 'redux';
import thunk from 'redux-thunk'
import {Provider} from 'react-redux';
import { BrowserRouter, Route, Link, Redirect, Switch } from 'react-router-dom';
import App from './App';
import {counter} from './index.redux';
//用来配置调试redux工具用，组合函数用的compose
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
//处理中间件applyMiddleware
const store = createStore(counter,composeEnhancers(
applyMiddleware(thunk))
);
function Erying(){
return <h1>二營</h1>
}
function Qibingying(){
return <h1>騎兵連</h1>
}
ReactDom.render(
<Provider store={store}>
<BrowserRouter>
<div>
<ul>
<li>
<Link to='/'>一營</Link>
</li>
<li>
<Link to='/erying'>二營</Link>
</li>
<li>
<Link to='/qingbinglian'>騎兵連</Link>
</li>
</ul>
<Switch>
<Route path='/' exact component={App}></Route>
<Route path='/erying' component={Erying}></Route>
<Route path='/qingbinglian' component={Qibingying}></Route>
{/* <Redirect to='/qishi'></Redirect> */}
</Switch>
</div>
</BrowserRouter>
</Provider>,
document.getElementById('root')
)
react-router4案例
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- react-hot-loader 和 webpack-dev-server有什么不同？ 他们最大的区别是react...
- 今天的知识点不难，主要考验大家伙对代码的阅读能力啦！即将要接触的知识点有&&运算符、元素变量、三目运算符与Reac...
- 一 摘要 上一篇文章,介绍了如何在MAC电脑上搭建React Native运行环境,环境搭建好了,接下来这篇给大家...
- 本文首发于博客：http://www.goody365.com/?p=39 第一节，我们用React Naviga...
- 项目地址： https://github.com/ddvdd008/react-redux/tree/master...
