3월 18일 TIL

• 오늘은 간단한 리팩토링 작업을 진행했다
  • 이전에 코딩하면서 useNavigate를 props로 받아서 API함수 로직 안에서 사용되게 했었는데 해당방법은 useHook은 컴포넌트 함수 내부가 아닌곳에서는 사용될수 없다는걸 위반한것
  • 그래서 모두 다 리팩토링을 진행했다
  • 그리고 데이터 함수 안에서 모든걸 처리하려 하면 문제가 복잡해진단걸 깨닳았다

예시코드

       <EventButton
          usage="login"
          disabled={!emailRegex.test(loginValue.email)}
          onClick={async () => {
            const successCode = await login({
              email: loginValue.email,
              password: loginValue.password,
            });
            if (successCode === 200) navigate("/");
          }}
        />