type
status
date
slug
summary
tags
category
icon
password
眨眼半年多没写过博客了,恰巧最新在做一个新项目,用到了这些技术,踩了好多坑,于是就记录下;
快速开始
- 建议使用React官方的推荐:create-react-app
react-router
- 如果只是简单使用,只需要按照demo炒一下就ok
页面切换的一些问题
- 最初是在切换时是手动location.href = "#/list/"这样的形式,同时调用对应的action;
- 同时有个查询模块,每次修改搜索都要手动dispatch对应的action,所以想完善下hashChange后的事件处理;
- 查阅react-router文档后看到,需要使用onChange来处理;
- 发现和redux结合后onChange居然不知道该怎么用了!!!于是决定切换一个临时方案来处理;
临时解决方案
- 定义了额外的帮助方法:modifyCurHash,调用时把跳转的参数和组件的this传递过来;
- 在对应的组件中定义updateComponentRender,在modifyCurHash中调用此更新方法;