反应钩使用效果

Question

有没有办法添加依赖项，并在它们更改时防止它重新加载状态？

错误：第48行： 6： React Hook use效应缺少依赖项：profile.bio，profile.company，profile.githubusername，profile.location，profile.skills，profile.social，profile.status和profile.website。要么包含它们，要么删除依赖数组。如果setFormData需要profile.company的当前值，您也可以切换到useReduer而不是useState，并在减速机report-追踪器/穷举器deps中读取profile.company

代码：

useEffect(() => {
    getCurrentProfile();

    setFormData({
      company: loading || !profile.company ? "" : profile.company,
      website: loading || !profile.website ? "" : profile.website,
      location: loading || !profile.location ? "" : profile.location,
      status: loading || !profile.status ? "" : profile.status,
      skills: loading || !profile.skills ? "" : profile.skills.join(","),
      githubusername:
        loading || !profile.githubusername ? "" : profile.githubusername,
      bio: loading || !profile.bio ? "" : profile.bio,
      twitter: loading || !profile.social ? "" : profile.social.twitter,
      facebook: loading || !profile.social ? "" : profile.social.facebook,
      linkedin: loading || !profile.social ? "" : profile.social.linkedin,
      youtube: loading || !profile.social ? "" : profile.social.youtube,
      instagram: loading || !profile.social ? "" : profile.social.instagram,
    });
  }, [loading, getCurrentProfile]);

出于某种原因，如果我不添加：[加载，getMONtProfile，profile.bio，profile.company，profile.githubusername，profile.location，profile.skills，

但是，正如您可能已经猜到的那样，当您添加一个链接到已更改内容的依赖项时，use效应的表现并不好。不允许编辑字段。

TL； DR当我添加询问的依赖项时，它会不断重新更新字段的状态，而不让用户编辑它们。

Answer 1

再见，你可以这样使用useRefhook：

import React, { useEffect, useRef } from 'react';
...
const justOneTime = useRef(true)

useEffect(() => {
   if (justOneTime.current) {
       // your logic
       justOneTime.current = false
   }
}, [/*all the dependencies that useEffect needs*/])

通过这种方式，即使其中一个依赖项更改了它的值，也将只执行一次use效应代码（在if语句中）。