Table of contents
Open Table of contents
React Hooks
React Hooks는 상태를 가지는 함수이다.
useState, useContext, useEffect처럼 기본 제공되는 Hooks가 있고, 이 Hooks를 포함하는 함수를 정의하면 커스텀 훅을 만들 수 있다.
발생한 문제
배지 콜렉터는 채팅 배지를 선택하여 필터에 추가할 수 있다.
치지직 플랫폼을 지원하고자 뱃지를 추가하는 버튼의 onClick 이벤트의 함수에서 useGlobalSetting이라는 Hooks를 통해 현재 유저가 선택한 플랫폼을 가져오는 부분이 문제가 되었다.
Uncaught Error: Minified React error #321;
React 공식 문서에 따르면 Hooks는 컴포넌트의 최상위에서만 사용할 수 있고, 이벤트 함수 안에서 사용할 수 없다고 한다.
useGlobalSetting Hooks를 제거하고, platform 파라메터를 추가하여 해결했다.
관련 커밋: 7dade48