useEffect 被执行两次

来源:3-2 解决副作⽤——useEffect

Yannis_w

2022-05-09 14:38

import React, { useState, useEffect } from "react";


export default function StateFunction() {

  const [num, setNum] = useState(1);

  useEffect(() => {

    console.log("@");

  });

  return <div>这是一个函数组件 - {num}</div>;

}


// 然后每次刷新,  @都会被打印两次


写回答 关注

1回答

  • Yannis_w
    2022-05-09 14:46:45

    就算加上 [] 还是会被执行两次

    import React, { useState, useEffect } from "react";


    export default function StateFunction() {

      const [num, setNum] = useState(1);

      useEffect(() => {

        console.log("@");

      }, []);

      return <div>这是一个函数组件 - {num}</div>;

    }

    http://img3.mukewang.com/6278b8d10001bef615890930.jpg


React Hooks2小时快速入门

React Hooks 入门的不二之选

2715 学习 · 22 问题

查看课程

相似问题