본문 바로가기

Else/Personal Blog Building

Beomlog - Container : FormContainer

Form container의 구현은 다음과 같이 했다.

먼저 value들을 밖으로 끌어냈고, 이들을 useState를 통해 상태관리를 한꺼번에 했다. Login Form에서만 쓸 것이기 때문에, onChange 함수의 구현은 event.target.type (email 또는 password) 속성에 event.target.value를 넣어 바꾸는 것으로 구현하였다. 이메일과 패스워드를 입력하는 input을 두개 넣었고, 이를 onSubmit하면 일단은 console.log()로 출력하는 것을 구현하였다. 추후에 validation을 구현하려고 하는데, 일단인 이대로 두었다.

내가 원하는 validation은 email을 validate한 후, 패스워드가 8자 이상인지 판단한 후 success/failure을 보여주는 것이다. 일단은 간단한 방법으로 구현했다.

'Else > Personal Blog Building' 카테고리의 다른 글

Beomlog - Firebase/Firestore connection, Router  (0) 2020.07.09
Beomlog - Components(2) : Dialog  (0) 2020.07.09
Beomlog - Components (1)  (0) 2020.07.08
Beomlog - Folder Tree  (0) 2020.07.08
Beomlog Building - Introduction  (0) 2020.07.08