2016年7月及以前
react redux react-router 项目 state 更新了,UI却没有更新
问题描述
调用 reducer 后 UI没有更新, 审查发现 state 更新了.
原因一: 修改了 props 里的 state, 导致了 state 更改,因此导致传入 reducer 的 old state和new state一样,不触发更新.
原因二: 修改了多层嵌套对象中的一个属性, reducer 是浅比较,因此判断state相同, 所以不更新 UI
解决办法
一: 不直接修改state, 只用触发action用过reducer修改state
二: 解决办法: 用Object.assign(), map方法对多层嵌套对象进行深拷贝,并返回新的对象
react-router 路径匹配错误问题
问题描述
本地调试时路径匹配正常, 上传github 的 ghpages 后路径匹配不对. 原因: react-router 是基于根路径匹配
解决办法
将子文件夹添加至router中. 比如:项目放在 https://jiangshaokun.github.io/about/ router 匹配不到 / 而要匹配 /about/