文档章节

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

小婧大神
 小婧大神
发布于 2017/04/26 15:22
字数 164
阅读 2
收藏 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
React全家桶实现一个简易备忘录

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

Damonare
2017/01/16
0
0
投稿003期 | React进阶路 ——《深入浅出React和Redux》

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

__innocence
05/18
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
【webpack】【Beatbox才艺】【自我提升】【iOS Patch】【Spring Boot】| Chat · 预告

1 利用 React/Redux/React-Router 4/webpack 开发大型 web 项目时如何按需加载 作者简介: 爱死费崇政,以后端语言 Java 入行,曾在苏州智康担任 Java 中级研发工程师,后转向全栈研发工程师...

gitchat
2017/11/29
0
0
ELSE 技术周刊(2017.12.04期)

团队分享 React 整洁代码最佳实践 作为开发人员不能仅仅满足于代码可以工作,而应该让代码更易于编写,阅读和维护,这篇文章介绍了很多 clean code 在 React 应用开发上的最佳实践。 注释的艺...

风清洋ELSE
2017/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

C++ std::function 和 std::bind

C++11提供了std::function和std::bind两个工具,用于引用可调用对象。这些可调用对象包括 普通函数,Lambda表达式,类的静态成员函数,非静态成员函数以及仿函数等。引用可调用对象,可以用于...

yepanl
今天
1
0
python:可迭代对象的索引

关于 python的range的用法: 注意是[ 开始,结束)的半开区间,不包括结束 http://www.runoob.com/python/python-func-range.html import collectionsfrom collections import Iterable字符串......

Oh_really
今天
2
0
docker-compose ,docker-stack

1.例子 version: "3"services: php: image: registry.cn-hangzhou.aliyuncs.com/lxepoo/apache-php5 ports: - "38080:80" networks: - my_php_mysql volum......

chenbaojun
今天
3
0
SQL_Server2000示例数据库NorthWind的分析(转)

SQL_Server2000示例数据库NorthWind的分析 表名:Categories(食品类别表) 表结构: 字段名称 数据类型 长度 允许为空 CategoryID(主键) int 4 否 CategoryName nvarchar 15 否 Description ...

QQZZFT
今天
1
0
laravel 5.5 Session store not set on request.

laravel 5.5 数据存入session,会出现Session store not set on request.错误。查了下laravel 5.5将session放到global middleware中,需要laravel的文件 ./app/Http/Kernel.php中的加上一句:...

MichaelShu
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部