더북(TheBook)

예제 코드 7.6의 컴포넌트(ch07/account/jsx/content.jsx)는 그림 7-8처럼 계좌번호 영역에 숫자만 입력할 수 있어야 한다. 입력을 숫자(0~9)로 제한하려면 제어 컴포넌트에서 숫자가 아닌 입력 값을 모두 제거해야 한다. 이벤트 핸들러는 입력 값을 걸러낸 후에만 상태를 갱신한다.

225

▲ 그림 7-8 콘솔에서 볼 수 있는 것처럼 어떤 문자든 입력할 수 있다. 그렇지만 제어 엘리먼트를 사용하므로 뷰에서 확인할 수 있는 입력 값은 숫자뿐이다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.