意见箱
恒创运营部门将仔细参阅您的意见和建议,必要时将通过预留邮箱与您保持联络。感谢您的支持!
意见/建议
提交建议

React报错之Rendered more hooks than during the previous render

来源:恒创科技 编辑:恒创科技编辑部
2022-09-05 14:23:55

正文从这开始~

总览

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

rendered-more-hooks-than-during-previous-render.png


React报错之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) {
    //                                     
上一篇: 租用美国服务器:潜在的风险与应对策略。 下一篇: 基于 LowCodeEngine 的调试能力建设与实践