解决React报错Rendered more hooks than during the previous render

时间:2022-12-02 Borislav Hadzhiev 人气:0

总览

当我们有条件地调用一个钩子或在所有钩子运行之前提前返回时，会产生"Rendered more hooks than during the previous render"错误。为了解决该错误，将所有的钩子移到函数组件的顶层，以及不要在条件中使用钩子。

这里有个示例用来展示错误是如何发生的。

// App.js
import {useEffect, useState} from 'react';
export default function App() {
  const [counter, setCounter] = useState(0);
  // ⛔️ Error: Rendered more hooks than during the previous render.
  if (counter > 0) {
    //

加载全部内容