相关疑难解决方法(0)

我们可以使用函数作为 useEffect 中的第二个参数吗

我有以下功能:

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("");
    }
  }
Run Code Online (Sandbox Code Playgroud)

我有以下内容useEffect

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

现在反应给了我一个警告:

React Hook useEffect 缺少依赖项“handleEnterPress”。

handleEnterPress当我们添加第二个参数数组时,会有什么区别?

reactjs react-hooks use-effect

4
推荐指数
1
解决办法
5839
查看次数

标签 统计

react-hooks ×1

reactjs ×1

use-effect ×1