Skip to main content

如何解决 useEffect 的 dep 警告

缺少依赖​

使用 useffect 的所有内容都必须在依赖关系数组中，因此正确的方法是：

useEffect(() => {
   setDispContext("NEW");
}, [setDispContext]);

但有时你只需要使用效果运行一次。如果 setDispContext 不会被更改，则可以将其放入 useCallback 中。

const setDispContextUseCallBack = useCallback(()=>{
  setDispContext("NEW");
},[])

否则，只能使用：

useEffect(() => {
  setDispContext("NEW");
}, []);

关闭 ESLint 规则​

  useEffect(() => {
    // other code
    CloseSignalRConnection()
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [])