0.4.0 • Published 2 years ago
@hemyn/utils v0.4.0
hm-utils
跨项目通用工具整理。
package
yarn build
useCountDown
在hooks
中使用setInterval
自动计时,由于在setInterval
中无法顺利的读取useState
的值,因此在setInterval
中直接调用setState
是无效的。解决办法是使用useRef
,直接更新target.current
,但是这样又会出现一个问题是:虽然target.current
的值是实时更新的,但是却无法出发组件的re-render
的操作。因此有了这种解决办法,在setInterval
中setState
的值依赖的不再是state
,改为了target.current
。具体细节看代码,示例如下:
import { useCountDown } from '@hemyn/utils'
const SomeComponent = () => {
const {
current: countDownCurrent, // 实时读取最新的值
start: countDownStart, // 开始即时,同一时刻只能有一个计时器
stop: countDownStop // 手动停止计时
} = useCountDown();
...
countDownStart(10, 1000, afterCountToZeroRun)
...
countDownStop()
return (...<div>{countDownCurrent}</div>...)
}
0.4.0
2 years ago
0.1.28
2 years ago
0.3.0
2 years ago
0.2.1
2 years ago
0.2.0
2 years ago
0.1.26
2 years ago
0.1.27
2 years ago
0.1.20
2 years ago
0.1.23
2 years ago
0.1.24
2 years ago
0.1.25
2 years ago
0.1.18
2 years ago
0.1.19
2 years ago
0.1.10
3 years ago
0.1.11
3 years ago
0.1.12
3 years ago
0.1.13
3 years ago
0.1.9
3 years ago
0.1.2
3 years ago
0.1.8
3 years ago
0.1.7
3 years ago
0.1.4
3 years ago
0.1.6
3 years ago
0.1.1
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago