2018年3月31日

create-react-app 搭建的项目中,让 antd 通过侧边栏导航 Menu 的 Menu.Item 控制 Content 部分的变化

摘要: 第一种:BrowserRouter把Menu和Route组给一起包起来 1. `` 标签要把Menu和Route组给一起包起来 修改src/index.js文件,相应内容如下: 2. Menu.Item 部分: 3. Route 部分 自己做的例子:https://github.com/cag205 阅读全文

posted @ 2018-03-31 17:34 cag2050 阅读(9889) 评论(1) 推荐(1) 编辑

react-router v4.0 知识点

摘要: react router 提供了一个withRouter组件 withRouter可以包装任何自定义组件,将react router 的 history,location,match 三个对象传入。 介绍文章:https://blog.csdn.net/ISaiSai/article/details 阅读全文

posted @ 2018-03-31 16:31 cag2050 阅读(142) 评论(0) 推荐(0) 编辑

prop-types:该第三方库对组件的props中的变量进行类型检测

摘要: 利用prop types第三方库对组件的props中的变量进行类型检测 阅读全文

posted @ 2018-03-31 13:28 cag2050 阅读(144) 评论(0) 推荐(0) 编辑

dva 知识点

摘要: dva中,路由模式从hashHistory换成 browserHistory: dva cli创建的项目中,src/index.js相应部分修改如下: dva 通过 model 的概念把一个领域的模型管理起来,包含同步更新 state 的 reducers,处理异步逻辑的 effects,订阅数据源 阅读全文

posted @ 2018-03-31 13:07 cag2050 阅读(197) 评论(0) 推荐(0) 编辑

react-redux 知识点

摘要: React Redux 使用 1. 如果只使用redux,那么流程是这样的: component dispatch(action) reducer subscribe getState component 用了react redux之后流程是这样的: component actionCreator( 阅读全文

posted @ 2018-03-31 12:55 cag2050 阅读(178) 评论(0) 推荐(0) 编辑

redux 知识点

摘要: redux原理:store中维护了一个state,我们dispatch一个action,接下来reducer根据这个action更新state。 react redux提供两个关键模块:Provider和connect。 connect:就是将store中的必要数据作为props传递给React组件 阅读全文

posted @ 2018-03-31 12:53 cag2050 阅读(130) 评论(0) 推荐(0) 编辑

roadhog 知识点

摘要: roadhog 是一个 cli 工具,提供 server、 build 和 test 三个命令,分别用于本地调试和构建,并且提供了特别易用的 mock 功能。命令行体验和 create react app 一致,配置略有不同,比如默认开启 css modules,然后还提供了 JSON 格式的配置方 阅读全文

posted @ 2018-03-31 12:17 cag2050 阅读(277) 评论(0) 推荐(0) 编辑

导航