文档章节

react+react-redux demo 连载 如何自学前端

小婧大神
 小婧大神
发布于 2017/04/26 15:22
字数 164
阅读 3
收藏 0

import React from "react";

import {browserHistory, IndexRoute,Redirect, Route, Router} from "react-router";

//引入app

import app from"../pages/app.jsx";

//引入home 页面

import pageHome from"../pages/home.jsx";

//webpack会打包成chunk包 在进入album时去加载

const pageAlbum = (location, cb) => {

 require.ensure([], require => {

   cb(null, require('../pages/album.jsx').default)

  },'pageAlbum')

};

...

//定义路由 首先加载 app

//然后根据正则去匹配path来实现路由页面

const RouteConfig = (

 <Router history={browserHistory}>

   <Route path="/" component={app}>

     <IndexRoute component={pageHome}/>

     <Route path="home" component={pageHome}/>

     <Route path="album" getComponent={pageAlbum}/>

     <Route path="feedback" getComponent={pageFeedback}/>

     <Route path="blist" getComponent={pageBlogList}/>

     <Route path="bdetail" getComponent={pageBlogDetail}/>

     <Redirect from='*' to='/'/>

   </Route>

 </Router>

);

 

export default RouteConfig;

技术问题,可以+618237474一起讨论交流

本文转载自:

共有 人打赏支持
小婧大神
粉丝 0
博文 77
码字总数 3758
作品 0
私信 提问
投稿003期 | React进阶路 ——《深入浅出React和Redux》

书名:《深入浅出React和Redux》 作者:程墨 现如今,前端技术发展欣欣向荣,出现了很多出色的前端框架,Angular、React、Vue更是一股热潮,很多前端开发人员都会去学习至少一种前端框架。就...

__innocence
2018/05/18
0
0
React全家桶实现一个简易备忘录

前言 总括: 本文采用react+redux+react-router+less+es6+webpack,以实现一个简易备忘录(todolist)为例尽可能全面的讲述使用react全家桶实现一个完整应用的过程。 代码地址:React全家桶实现...

Damonare
2017/01/16
0
0
react学习资源汇总

react-tutorial a tutorial react collection and sort,let you easily get started and organized 主要是搜集整理生态从入门到深入的教程、工具和自己做的demo,以便日后查阅 :blush: 设计思...

逆蝶_Snow
2016/12/01
298
0
Redux for react native 指南(持续更新)

前言 如果要看理论的童鞋点击这里 redux中文文档 或者 redux官方文档 ,本文不会太刻意去介绍大篇幅的理论,本文不做框架之间的对比,只给想学的童鞋提供实质的、高效的、易理解的学习参考资...

giants
2018/09/27
0
0
ES6学习笔记(const和let)

前言:这周工作的中心开始倾向于前端了,自己虽然是个后端工程师,不过最终的期望还是倾向于全栈的,自己今年也有意朝着这个方向去努力,因为公司属于创业公司,如果每个人设计的技术层面会更...

程序员小哥哥
2018/06/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

发布xxl-job executor dotnet core 执行器的实现

DotXxlJob [github][https://github.com/xuanye/DotXxlJob] xxl-job的dotnet core 执行器实现,支持XXL-JOB 2.0+ 1 XXL-JOB概述 [XXL-JOB][1]是一个轻量级分布式任务调度平台,其核心设计目标...

假正经哥哥
36分钟前
1
0
mysql 查询当天、本周,本月,上一个月的数据

今天 select * from 表名 where to_days(时间字段名) = to_days(now()); 昨天 SELECT * FROM 表名 WHERE TO_DAYS( NOW( ) ) - TO_DAYS( 时间字段名) <= 1 近7天 SELECT * FROM 表名 wher......

BraveLN
今天
3
0
Spring 事务初始化源码分析

相关文章 Spring 事务使用详解 Spring AOP 创建代理的源码解析 Spring AOP 注解方式源码解析 Spring AOP 功能使用详解 Spring 的 getBean 方法源码解析 Spring bean 创建过程源码解析 Spring...

TSMYK
今天
1
0
Android Multimedia框架总结(六)C++中MediaPlayer的C/S架构

前面几节中,都是通过java层调用到jni中,jni向下到c++层并未介绍 看下Java层一个方法在c++层 MediaPlayer后续过程 frameworks/av/media/libmedia/MediaPlayer.cpp 找一个我们之前熟悉的setDa...

天王盖地虎626
今天
3
0
【Linux】【MySQL】CentOS7安装最新版MySQL8.0.13(最新版MySQL从安装到运行)

1、前言   框框博客在线报时:2018-11-07 19:31:06   当前MySQL最新版本:8.0.13 (听说比5.7快2倍)   官方之前表示:MySQL 8.0 正式版 8.0.11 已发布,MySQL 8 要比 MySQL 5.7 快 2 ...

Code辉
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部