React Hook useEffect 缺少依赖项：'evaluate'。 包括它或删除依赖数组

Question

如何在useEffect中将代码一起添加？ 我似乎找不到解决方案。

const evaluate = () => {
     const [first, second] = openCards;
     enable();
     if (cards[first].type === cards[second].type) {
       setClearedCards((prev) => ({ ...prev, [cards[first].type]: true }));
       setOpenCards([]);
       return;
     }

对使用效果：

useEffect(() => {
      console.log(openCards);
      let timeout = null;
      if (openCards.length === 2) {
        timeout = setTimeout(evaluate, 300);
      }
      return () => {
        clearTimeout(timeout);
      };
    }, [openCards]);

Answer 1

如果您没有将它包含在依赖数组中（ useEffect的第二个参数），它在评估更改时不会更新。

useEffect(() => {
      console.log(openCards);
      let timeout = null;
      if (openCards.length === 2) {
        timeout = setTimeout(evaluate, 300);
      }
      return () => {
        clearTimeout(timeout);
      };
    }, [openCards, evalute]); // Add it here

Answer 2

这是 eslint 警告，您可以禁用它

// eslint-disable-next-line react-hooks/exhaustive-deps
}, [openCards]);