时间戳

首页 > 解决方案 > 如何在另一个组件 useEffect 中设置状态？

javascript - 如何在另一个组件 useEffect 中设置状态？

问题描述

快速查看我正在尝试做的事情：

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

const MainComponent = () => {
  const [element, setElement] = useState([]);
  const [setThings] = useSomething();
  useEffect(() => {
    setThings(element);
  }, [element]);
};

const useSomething = () => {
  const [things, setThings] = useState([]);
  // do stuff now that you've received things
  return [setThings];
};

和另一个文件中的另一个钩子。这工作得非常好，并且是在 reactjs 中使用画布的绝佳解决方案。我有一个警告，我似乎无法通过我的研究来解决它：

  Line 150:7:  React Hook useEffect has a missing dependency: 'setThings'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

在反应文档中，它说这会导致问题，因为它正在调用具有依赖关系的东西，但我不确定它们在哪里？

标签： javascriptreactjsreact-hooks

解决方案

尝试添加setThings到依赖数组中useEffect。

useEffect(() => {
  setThings(element);
}, [element, setThings]);

推荐阅读