![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
霹雳桃
这个前端有点菜!!!!!
展开
-
react- redux 3 异步请求处理 && 模块化
redux 中的异步处理 redux 中的模块化原创 2022-06-15 17:23:41 · 298 阅读 · 0 评论 -
react- redux 3 优化
- 1.问题 - 问题 1 取值麻烦 `store.getState().name` - 问题 2 改值麻烦 `actionCreatore[CHANGE_AGE](29);` - 问题 3 引入文件太多 - 2.解决问题 `react-redux` - 通过 provider 提供其将 store 挂载到根组件的上下文 - 通过 connect 将组件进行处理 简化了获取数据 和 监听的操作 - 将 state 映射到 props 里 - 将 dispath 映射原创 2022-06-15 17:20:22 · 137 阅读 · 0 评论 -
react- redux 2 基础使用
redux的基本使用,读完本文章,redux你已经可以进行简单的使用了,不过使用起来有点繁琐,详细请看后续文章,redux的优化使用原创 2022-06-15 17:19:46 · 89 阅读 · 0 评论 -
react- redux 1 自己手写一个 redux 便于理解
1. 全局状态值在组件里都能访问到 * 在原型上添加属性来作为全局状态 * context * 单独在内存中存放一个对象来做state的管理 2. 修改数据, 用户通过dispatch 触发 数据修改函数, 返回新的数据赋值给state 3. 页面更新 需要的组件通过subscribe 注册一个函数,保存到store对象的lister数组里 数据改变的时候需要更新 事件分发...原创 2022-06-15 17:18:08 · 88 阅读 · 0 评论 -
react- immutable
- 不可变数据 数据一旦被创建就不修改 - 对 immutable 数据做操作的时候都会返回一个新的 immutable 对象, 修改对象的值和原值一样 相当于是没修改 - https://immutable- js.com/docs/v4.1.0 - js 中原生的数据结构 obj arr 实现队列 堆 栈 - 数据修改的时候 只有修改的节点的父级会产生影响,其他的都是复用 效率高 - 优点 - 节省内存 优化代码 深拷贝 - 函数式编程 - 可以溯源,所有改变数据的操作都会记录 - 缺点 - 需要学习新原创 2022-06-15 17:17:18 · 113 阅读 · 0 评论 -
react---portal
全局 modal 组件 zindex 层级问题 样式覆盖问题 所以我们选择挂载 body 上 portal 组件嵌套结构没有发生改变,只是 dom 的渲染位置变了 portal 处理过的组件虽然 dom 渲染结构发生改变但是依然可以按照 组件嵌套结构进行冒泡...原创 2022-06-15 17:16:10 · 244 阅读 · 0 评论 -
react---context上下文信息
- 1. 创建 context 对象 - 2. 对上线文对象处理,目的是提供者和消费者配对 - 3. 通过 provider value 属性提供数据 - 4. 通过 consumer 消费者获取数据 - 5. context 上下文的数据直接修改无效,在传递 value 的同时传递一个修改上下文的方法 - 6. 是否能够放多个上下文...原创 2022-06-15 17:15:31 · 268 阅读 · 0 评论