반응형
input
-
[인사정보] input,유효성 확인, dropDown, 하단창React/과제 테스트 2023. 8. 9. 21:26
🐇 input - map으로 반복 및 에러 창 이름, 이메일, 닉네임을 각각 input 태그로 입력받고 나열하여 보여준다. 이름, 이메일, 닉네임에 대해서는 유효성 확인이 필요합니다. 1. 배열 나열 - key {["name", "email", "nickname"].map((v) => ( changeValue(event, v as keyof typeof typeToKorean) } type={v as keyof typeof typeToKorean} /> ))} 2. 입력값이 잘못 되었을 경우 input 아래 유효성 확인한다. 🥕 유효성 검사 ※ 객체 키값 타입 - keyof typeof {} typeof : 객체 데이터를 객체 타입으로 변환해주는 연산자 type Fruit = { red: string; ..