Skip to content

useCountdown

一个专门处理数组数据的 React Hooks。

基础实用

tsx
import { useCountdown } from 'ono-react-element'

function App() {
    const [remainingTime, startCountdown, resetCountdown] = useCountdown();

    <div>
        <p>{remainingTime}s</p>
        <button onClick={startCountdown}>开始倒计时</button>
        <button onClick={resetCountdown}>重置倒计时</button>
    </div>
}

API

通用属性参考:通用属性

参数说明类型默认值是否必填
initialTime起始时间(单位:秒)number60
onFinish倒计时结束回调函数() => void-