인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

Kangbeen Ko님의 프로필 이미지
Kangbeen Ko

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

Ant Design Input 컴포넌트 질문

작성

·

213

1

Ant Design Input 컴포넌트에서 showCount로 카운트 되는 글자수를 변수로 받아올 수 있는 방법이 있을까요?

특정 글자수를 초과하는 입력을 할 경우 등록하기 버튼을 disable하고 싶은데 강의 내 예제에서는 maxLength에 맞춰 잘리네요.

Ant Design 사이트를 찾아봐도 해답을 찾을 수 없어 부득이하게 이곳에 질문을 남깁니다.

답변 1

0

그랩님의 프로필 이미지
그랩
지식공유자

대략 아래와 같이 onChange 이벤트를 활용하여 결과값이 들어가는 인자(여기선 e)를 바탕으로 길이를 얻어 setLength를 해주면 될 것 같아요 :)

const [length, setLength] = useState(0)

const onChange = e => {
setLength(e.target.value.length) };
}

...

return (<Input onChange={onChange} />);

Kangbeen Ko님의 프로필 이미지
Kangbeen Ko
질문자

시도해보겠습니다 감사합니다

Kangbeen Ko님의 프로필 이미지
Kangbeen Ko

작성한 질문수

질문하기