React-Hooks之useMemo

// 以下代码的作用: 只要countState没有发生变化, 那么useMemo返回的永远都是同一个值
    const decrement = useMemo(()=>{
        return ()=>{
            setCountState(countState - 1);
        };
    }, [countState]);

// 以下代码的作用: 只要countState没有发生变化, 那么useCallback返回的永远都是同一个函数
    function useCallback(fn, arr){
        return useMemo(()=>{
            return fn;
        }, arr);
    }

return (
        <div>
            <p>numState = {numState}</p>
            <p>countState = {countState}</p>
            <MemoHome handler={increment}/>
            <MemoAbout handler={decrement}/>
        </div>
    )