xlearns / myblog

1 stars 0 forks source link

React函数组件的值捕获 #308

Open xlearns opened 1 year ago

xlearns commented 1 year ago
import React, { useState, useRef } from "react";
import { useGetState } from "ahooks";

export default () => {
  const [count, setCount, getCount] = useGetState<number>(0);
  const [test, setTest] = useState(0);
  const lastValue = useRef(0);
  return (
    <button
      onClick={() => {
        setCount((count) => count + 1);
        setTest(test + 1);
        lastValue.current = test + 1;
        console.log("ref", lastValue.current, test);
        setTimeout(() => {
          console.log("ahook", getCount(), count);
        });
      }}
    >
      count: {count}
    </button>
  );
};