DogEgg_001的博客

access_token用于带到请求头进行权限请求当后端检测到过期时，通知前端acess_token已过期(401)前端携带refresh_token发起刷新请求，后端根据refresh_token发送新的access_token如果refresh_token也过期，就返回401给前端，通知前端退出登录

初始化项目、配置router、配置redux、配置axios

只能说是对useEffect相见恨晚，这个钩子好牛b今天写的较为简略QAQ。

一定要确保使用比较函数的时间比重新渲染要快，不然写个比较函数还浪费那么久时间简直白白干了// ...return (})注意：比较函数内一定要将props的所有prop都比较到，包括函数。避免在中进行深比较，除非你 100％ 确定你正在处理的数据结构具有已知有限的深度。深比较可能会变得非常缓慢，并且如果有人稍后更改数据结构，这可能会卡住你的应用数秒钟。简而言之就是少用，有那个功夫用用hook肯定更快啦。

组件通常需要根据交互更改屏幕上显示的内容。输入表单应该更新输入字段，单击轮播图上的“下一个”应该更改显示的图片，单击“购买”应该将商品放入购物车。组件需要“记住”某些东西：当前输入值、当前图片、购物车。在 React 中，这种组件特有的记忆被称为state与vue的响应式原理不同，vue通过proxy劫持数据的getter和setter实现响应式，如vue3的reactive()State的创建使用了const [变量名，变量setter] = useState(初始值)的形式定义响应式数据。

useContext是一个用于读取和订阅组件中的context的 Hook当组件嵌套过深又需要传递数据时，一层一层的传props是不现实的，Context允许父组件向其下层无论多深的任何组件提供信息，而无需通过 props 显式传递。这样就需要useContext，在顶层组件创建context，将context标签包裹住需要传值的子组件，这样嵌套在里面的组件就可以获取到这个context的值了本篇文章介绍了useReducer，useContext以及rudux的简单应用。

已经学过一门框架了，再看react的话只是思维不太一样，在react里也能看到蛮多vue仿鉴的东西，所以最开始的基础就不像以前一样写的又慢又细了这个入门井字棋游戏概括了很多的基础知识1.jsx的函数式编程2.父子组件的props传递3.列表的渲染5.条件渲染6.响应事件速度速度，再不学学不完了QAQ。

这里只是简单的写了个redux那种全局状态库的感觉，但是稍微复杂一点还需要涉及到多个子仓库的整合那样，梭哈，也还需要细分出action.js和constant.js。。这样才算是规范后续再添加吧！