hooks防抖

import React, {useEffect, useState} from 'react'
import {InputItem} from 'antd-mobile'

export default function Index() {

    const fn = () => {
        console.log(66666666)
    }
    const [A, setA] = useState(0)
    useEffect(() => {
            const timer = setTimeout(() => {
                fn();
            }, 1000);
            return () => clearTimeout(timer);
    }, [A]);
    return(
        <div>
            <InputItem
                    value={A}
                    onChange={(e)=>{
                        setA(e)
                    }}
            >
            </InputItem>
        </div>
    )
}