问答详情
源自:3-2 解决副作⽤——useEffect

useEffect 被执行两次

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


export default function StateFunction() {

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

  useEffect(() => {

    console.log("@");

  });

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

}


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


提问者:Yannis_w 2022-05-09 14:38

个回答

  • 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