[React] onKeyPress가 두번 호출 되는 현상

  const onKeyPress = e => {
    if (e.key === 'Enter') {
      const { value, name } = e.target;
      e.preventDefault();
      console.log('onKeyPress');
      search();
    }
  };

로 구현하고 이벤트를 onKeyPress를 했더니 두번 호출되었다. e.preventDefault()를 통해 해결 이벤트를 취소할 수 있는 경우, 이벤트의 전파를 막지않고 그 이벤트를 취소하는 역할을해서 두번호출되는 것을 막는다.