> 文档中心 > React自定义Hooks【倒计时、计时器】

React自定义Hooks【倒计时、计时器】


Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。

另外通过自定义Hooks,我们可以把组件的逻辑提取到可复用的函数中。

useRef

useRef返回的是一个可变的ref对象,它的属性.current被初始化为传入的参数,ref对象在整个组件生命周期内持续存在,

根据ref对象的特征,我们可以使用useRef,实现组件数据的持久保存。

计时器

自定义实现计数器功能的Hooks,需要返回一个时间、开始和结束。

import {    useRef, useState } from "react"export default function useTimers(</