私は以下の機能を持っています:
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」がありません。
handleEnterPress
2 番目の引数の配列を追加すると、どのような違いが生じるでしょうか?