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

양채훈

작성한 질문수

[React 1부] 만들고 비교하며 학습하는 React

[검색폼 2] 조건부 렌더링

handleChangeInput () 에서 변수값

작성

195

const searchKeyword = event.target.value;

this.setState( { searchKeyword} )

위의 this.setState 같은 경우에는 constructor 안의 this.state 의 searchKeyword를 변경한다는 의미일까요?

construtor의 this.state 는 기본적으로 선언되어 있는 값인걸까요? 오버라이딩 해서 사용하는건가요?

react MVC

퀴즈

React에서 사용자가 입력 필드에 값을 입력할 때, 이 값을 컴포넌트의 상태와 동기화하여 관리하는 방식을 무엇이라고 할까요?

비제어 컴포넌트

제어 컴포넌트

상태 없는 컴포넌트

자체 관리 컴포넌트

답변 1

김정환

지식공유자

클래스가 객체(instance가 되었을 때의 모양을 궁금해 하시는 것 같습니다. (아니면 다시 질문 해주세요)

생성자 함수(constructor)에서는 객체 초기화 역할을 하는데요. 여기서는 state 값을 설정했습니다. 그리고 나서 객체의 메소드인 setState()를 사용하는데요. 이건 상속한 Component 의 메소드를 호출한 것입니다.

여기까지가 객체의 모양이고요.

setState()는 state 속성을 변경하기 위해 사용하는 메소드입니다. 직접 state 값을 변경할수 도 있지만 리액트에서는 그렇게 하지 말라고 합니다. state 값이 변할 때 리액트 엘리먼트를 다시 그려야 리액티브하게 동작할수 있는데요. 그래서 반드시 setState() 메소드로 state를 변경하도록 가이드 합니다.

마지막으로 setState, state는 모두 Component 클래스의 속성과 메소드입니다.

양채훈

작성한 질문수

전체 Q&A

질문하기