React回车提交获取不到值？

Question

UI组件用的andt
我点击按钮是可以拿到mailValue的值，但是回车触发login函数mailValue的值为空

Answer 1

 useEffect(() => {
    document.addEventListener('keypress', handleEnterKey);
    return () => {
      document.removeEventListener('keypress', handleEnterKey);
    };
  }, [mailValue]);

原因： 如果依赖项传入空数组，effect 内部 props 和 state 就会一直未初始值。