From 375f20ac4e3857041be7ceb02820cff81d5b43e2 Mon Sep 17 00:00:00 2001 From: Hansel Xiao Date: Wed, 24 Mar 2021 11:29:00 +0800 Subject: [PATCH] =?UTF-8?q?Update=2003.=E4=B8=80=E6=96=87=E5=BD=BB?= =?UTF-8?q?=E5=BA=95=E6=90=9E=E6=87=82ReactHooks=E7=9A=84=E5=8E=9F?= =?UTF-8?q?=E7=90=86=E5=92=8C=E5=AE=9E=E7=8E=B0.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 当点击事件触发再次渲染，并不会进入条件判断中的 useState。所以，cursor=2 的时候对应的变量是 num2。而其实 num2 对应的 cursor 应该是 1。就会导致`setNum2`并不起作用。 --- ...\216\237\347\220\206\345\222\214\345\256\236\347\216\260.md" | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git "a/docs/ReactJS/03.\344\270\200\346\226\207\345\275\273\345\272\225\346\220\236\346\207\202ReactHooks\347\232\204\345\216\237\347\220\206\345\222\214\345\256\236\347\216\260.md" "b/docs/ReactJS/03.\344\270\200\346\226\207\345\275\273\345\272\225\346\220\236\346\207\202ReactHooks\347\232\204\345\216\237\347\220\206\345\222\214\345\256\236\347\216\260.md" index 0c0900dd2..fdde0c48c 100644 --- "a/docs/ReactJS/03.\344\270\200\346\226\207\345\275\273\345\272\225\346\220\236\346\207\202ReactHooks\347\232\204\345\216\237\347\220\206\345\222\214\345\256\236\347\216\260.md" +++ "b/docs/ReactJS/03.\344\270\200\346\226\207\345\275\273\345\272\225\346\220\236\346\207\202ReactHooks\347\232\204\345\216\237\347\220\206\345\222\214\345\256\236\347\216\260.md" @@ -170,7 +170,7 @@ function App() { | unusedNum | 1 | | num2 | 2 | -当点击事件触发再次渲染，并不会进入条件判断中的 useState。所以，cursor=2 的时候对应的变量是 num2。而其实 num2 对应的 cursor 应该是 3。就会导致`setNum2`并不起作用。 +当点击事件触发再次渲染，并不会进入条件判断中的 useState。所以，cursor=2 的时候对应的变量是 num2。而其实 num2 对应的 cursor 应该是 1。就会导致`setNum2`并不起作用。 到此，解决了文章开头提出的「🤔️ 为什么不能在循环、判断内部使用 Hook」。在使用 Hook 的时候，请在函数组件顶部使用！