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

2022-09-20 11:39:36 浏览数 (1)

总览

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

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

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

代码语言：javascript复制
// 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) {
    // 


	


网络安全 https react 




	






	

 0 人点赞