随笔分类 -  React学习

这是一个关于前端框架的学习
手写bindActionCreators
摘要：export default function bindActionCreators(actionCreators, dispatch) { //actionCreators是函数的情况下 if (typeof actionCreators "function") { return getAutoD 阅读全文
posted @ 2021-01-05 17:30 漫漫长路上的求知者 阅读(88) 评论(0) 推荐(0)
手写createStore
摘要：export default function createStore(reducer, DefaultState) { let currentState = DefaultState, currentReducer = reducer let listeners = []; function is 阅读全文
posted @ 2021-01-05 15:15 漫漫长路上的求知者 阅读(105) 评论(0) 推荐(0)
Redux学习Action Reducer store
摘要：#Redux 流程 action → dispatch → store → reducer Action：描述要做的事情 1.action是一个plain-object（平面对象） 1.它的__proto__必须指向object.prototype 2.action中，必须有type属性,该属性用于 阅读全文
posted @ 2021-01-04 16:21 漫漫长路上的求知者 阅读(201) 评论(0) 推荐(0)
React-router学习之（Link NavLink Rediret）
摘要：##Link 生成一个无刷新的a元素 -to -字符串：跳转目标地址 -对象：{ - pathname：url路径 - search：参数 - hash：hash值 - state：附件状态信息 } -replace：bool，表示是否替换当前地址，默认时false - innerRef：可以将内部 阅读全文
posted @ 2020-12-28 17:44 漫漫长路上的求知者 阅读(322) 评论(0) 推荐(0)
React学习之路由信息
摘要：会使用属性来传入相应的组件 ## history属性 它不是window.history对象，我们利用该对象进行无刷新跳转地址 **为什么不直接使用window.history对象** 1.React-Router中有两种模式，HashRouter（hash），BrowserRouter（histo 阅读全文
posted @ 2020-12-24 17:44 漫漫长路上的求知者 阅读(174) 评论(0) 推荐(0)
React Router概述（路由）
摘要：React路由 ##站点 1.可以根据不同的地址，展示不同的组件 2.可以无刷新的跳转页面 具备上面两个功能的可以称之为路由 #React Router 1.react-router：路由核心库，包含诸多和路由相关的核心代码 2.react-router-dom:利用路由核心库，结合实际页面，实现跟 阅读全文
posted @ 2020-12-24 15:27 漫漫长路上的求知者 阅读(320) 评论(0) 推荐(0)
React学习（高阶组件HOC）
摘要：# HOC (高阶组件) HOF:Highter-Order Function(高阶函数 以函数作为参数，并且返回一个函数） HOC:Highter-Order Component(高阶组件，以组件作为参数，并且返回一个组件）不会改变传入组件的内容，一般会添加一些组件生成时候的共通函数在里面（例：c 阅读全文
posted @ 2020-12-18 10:08 漫漫长路上的求知者 阅读(79) 评论(0) 推荐(0)
React组件的生命周期
摘要：# 组件的生命周期 ## 旧版组件的生命周期 < 16.0.0 1. constructor 1.同一个组件只会创建一次。 2.不能在第一次挂载到页面之前，调用setState，为了避免bug，构造函数中严禁使用setState 2.componentWillMountcomponentWillMo 阅读全文
posted @ 2020-12-17 09:44 漫漫长路上的求知者 阅读(88) 评论(0) 推荐(0)