![]()
상황 UI가 다르지만 동일한 로직을 공유하는 컴포넌트들의 중복코드를 없애고자 로직을 분리하는 과정에서 발생한 에러이다. 로직을 util함수(JSX를 반환하지 않는 일반함수)로 분리한 후, 이를 사용할 컴포넌트에서 onClick이벤트 핸들러 함수로 넣어주고자 함. 문제의 코드 문제가 발생했던 유틸 함수 async function handleTableInteraction(e, tableId, errorDoorTableId) { const isAdmin = localStorage.getItem('role') === 'admin'; //recoil 또한 hook으로 보기 때문에 일반 util함수에서 부를 수 없음. const setSmallModal = useSetRecoilState(smallModalStat..
![]()
삼항연산자를 중첩해서 사용하니 발생하는 ESLint 오류 Quick Fix 링크를 들어가보니 ternary 즉 삼항연산자를 중첩해서 사용하면 가독성이 떨어지기 때문에 권장하지 않는 것. 권장하지 않는 방식 var thing = foo ? bar : baz === qux ? quxx : foobar; foo ? baz === qux ? quxx() : foobar() : bar(); 권장하는 방식은 밑의 코드처럼 삼항연산자를 한번만 사용하거나! else-if문으로 나눠주는 방식, 사이트엔 없지만 switch도 있다. var thing = foo ? bar : foobar; var thing; if (foo) { thing = bar; } else if (baz === qux) { thing = quxx; ..
