4

私は以下の機能を持っています:

function handleEnterPress(e) {
    if (e.keyCode === 13) {
      if (value !== "") {
        let toAdd = true;
        chips.forEach(chip => {
          if (chip.value === value) {
            toAdd = false;
          }
        });
        if (toAdd) {
          let chipsCopy = [...chips, { value, isDisabled: false }];
          setChips(chipsCopy);
        }
      }
      setValue("");
    }
  }

そして私は以下を持っていますuseEffect:

useEffect(() => {
    inputRef.current.addEventListener("keyup", handleEnterPress);
    return () =>
      inputRef.current.removeEventListener("keyup", handleEnterPress);
  }, [value]);

反応すると警告が表示されます:

React Hook useEffect には依存関係「handleEnterPress」がありません。

handleEnterPress2 番目の引数の配列を追加すると、どのような違いが生じるでしょうか?

4

2 に答える 2