会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
tengfeiS
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
5
6
7
8
9
10
下一页
2020年1月9日
React30React封装的react-redux进行改造累加器
摘要: 由于redux的写法太繁琐,还每次都需要重新调用render,不太符合我们了解react编程 react-redux横空出世,安装react-redux:npm install react-redux --save React-redux提供了两个api供我们使用 Provider 顶级组件,功能为
阅读全文
posted @ 2020-01-09 23:38 Godfi
阅读(254)
评论(0)
推荐(1)
2020年1月8日
React29redux编写一个累加器程序
摘要: 安装redux npm install redux --save 编写使用redux的步骤 《1》从redux引入createStore用来创建仓库store createStore是一个函数,需要传入reducer作为参数,返回值是我们需要的store 《2》在使用页面引入数据仓库store 通过
阅读全文
posted @ 2020-01-08 22:57 Godfi
阅读(263)
评论(0)
推荐(1)
React28Redux成员及其数据流
摘要: actions actions其实是描述操作的对象,我们调用dispath时需要传入此对象 store store是整个应用的数据存储仓库,把我们全局管理的状态数据存储起来 它就是我们的后勤保证,专门管理后勤数据 reducers reducers接收actions并更新store 注意:redux
阅读全文
posted @ 2020-01-08 00:43 Godfi
阅读(156)
评论(0)
推荐(1)
React27Hooks的使用规则
摘要: 只在顶层调用Hooks Hooks的调用尽量只在顶层作用域进行调用 不要在循环、条件或者是嵌套函数中调用Hook,否则可能会无法确保每次组件渲染时都以相同的顺序调用Hook。Hook的多个钩子使用顺序是确定的,条件渲染可能会破坏这种顺序。 只在函数组件调用Hooks React Hooks目前只支持
阅读全文
posted @ 2020-01-08 00:17 Godfi
阅读(266)
评论(0)
推荐(1)
React26手动封装一个自定义Hooks
摘要: Hooks其实说到底就是一个封装好的钩子供我们调用 只是我们自己封装的时候要特别注重性能,重复渲染这些问题,官方封装的就比较完美 简单封装一个改变页面标题的自定义Hooks
阅读全文
posted @ 2020-01-08 00:16 Godfi
阅读(627)
评论(0)
推荐(1)
React25 官网额外介绍的Hooks
摘要: useMemo 用于性能优化,通过记忆值来避免在每个渲染上执行高开销的计算 适用于复杂的计算场景,例如复杂的列表渲染,对象深拷贝等场景 使用方法如下 callback是一个函数用于处理逻辑 array控制useMemo重新执行的数组,array改变时才会重新执行useMemo useMemo的返回值
阅读全文
posted @ 2020-01-08 00:15 Godfi
阅读(218)
评论(0)
推荐(1)
2020年1月7日
React24Hooks钩子之useReducer
摘要: useReducer是useState的一个增强体,可以用于处理复杂的状态管理 useReducer可以完全替代useState,只是我们简单的状态管理用useState比较易用 对比一下useState和useReducer的使用: useReducer的参数介绍 reducer是一个函数,根据a
阅读全文
posted @ 2020-01-07 00:36 Godfi
阅读(388)
评论(0)
推荐(1)
2020年1月5日
React23Hooks钩子之useContext
摘要: context就是用来更方便的实现全局数据共享的,但是由于它并不是那么好用,所以我们一般会使用第三方状态管理器来实现全局数据共享 redux dva mobx useContext(context)是针对context上下文提出的一个Hooks提出的一个API,它接收React.createCont
阅读全文
posted @ 2020-01-05 23:36 Godfi
阅读(893)
评论(0)
推荐(1)
React22Hooks钩子之useEffect
摘要: useEffect 副作用处理钩子 数据获取、订阅、定时执行任务、手动修改ReactDOM这些行为都可以成为副作用。而useEffect就是为了处理这些副作用而生的。 useEffect也是componentDidMount、componentDidUpdate和componentWillUnmou
阅读全文
posted @ 2020-01-05 23:03 Godfi
阅读(469)
评论(0)
推荐(1)
React21Hooks钩子之useState
摘要: useState 组件状态管理钩子 useState能使组件能够使用state 基本使用如下所示: state是要设置的状态 setState是更新state的方法,只是一个方法名,可以随意更改 initState是初始的state,可以是随意的数据类型,也可以是回调函数,但是函数必须是有返回值 完
阅读全文
posted @ 2020-01-05 23:02 Godfi
阅读(383)
评论(0)
推荐(1)
上一页
1
2
3
4
5
6
7
8
9
10
下一页
公告