只在最顶层使用Hook
不要在条件、循环及嵌套函数中使用Hook,确保react在每次渲染中都按照同样的顺序被调用,让react能够在多次的useState和useEffect调用之间保持Hook状态的正确,这是因为:react需要知道哪个 state 对应哪个 useState,靠的就是 Hook 调用的顺序(只要 Hook 的调用顺序在多次渲染之间保持一致,React 就能正确地将内部 state 和对应的 Hook 进行关联)
只在最顶层使用Hook
不要在条件、循环及嵌套函数中使用Hook,确保react在每次渲染中都按照同样的顺序被调用,让react能够在多次的useState和useEffect调用之间保持Hook状态的正确,这是因为:react需要知道哪个 state 对应哪个 useState,靠的就是 Hook 调用的顺序(只要 Hook 的调用顺序在多次渲染之间保持一致,React 就能正确地将内部 state 和对应的 Hook 进行关联)