Hooks原理

[chunbin1]

1. useState的原理

   function App() {
   const [num, updateNum] = useState(0);
   
   function increment() {
   setTimeout(() => {
     updateNum(num + 1);
   }, 1000);
   }
   
   return <p onClick={increment}>{num}</p>;
   }

   快速点击5次，视图上显示多少？ 答案：1 因为视图还没更新，所以num还是0，所以updateNum

2. 如何解决这个问题？ 使用函数updateNum(num=>num+1)