handleChangeInput () 에서 변수값
198
작성한 질문수 2
const searchKeyword = event.target.value;
this.setState( { searchKeyword} )
위의 this.setState 같은 경우에는 constructor 안의 this.state 의 searchKeyword를 변경한다는 의미일까요?
construtor의 this.state 는 기본적으로 선언되어 있는 값인걸까요? 오버라이딩 해서 사용하는건가요?
답변 1
0
클래스가 객체(instance가 되었을 때의 모양을 궁금해 하시는 것 같습니다. (아니면 다시 질문 해주세요)
생성자 함수(constructor)에서는 객체 초기화 역할을 하는데요. 여기서는 state 값을 설정했습니다. 그리고 나서 객체의 메소드인 setState()를 사용하는데요. 이건 상속한 Component 의 메소드를 호출한 것입니다.
여기까지가 객체의 모양이고요.
setState()는 state 속성을 변경하기 위해 사용하는 메소드입니다. 직접 state 값을 변경할수 도 있지만 리액트에서는 그렇게 하지 말라고 합니다. state 값이 변할 때 리액트 엘리먼트를 다시 그려야 리액티브하게 동작할수 있는데요. 그래서 반드시 setState() 메소드로 state를 변경하도록 가이드 합니다.
마지막으로 setState, state는 모두 Component 클래스의 속성과 메소드입니다.
리액트 1,2부 이후 후속 강의나 준비 중인 다른 강의가 있으신가요?
1
117
2
super.show() 호출하는 이유가 궁금합니다.
1
103
2
class와 constructor를 이용한 객체 지향 프로그래밍
0
243
2
mvc 패턴 질문
0
211
2
Cannot read properties of undefined (reading 'props')
0
291
2
delegate, emit 필요한 이유
0
206
2
어떤거를 먼저 들어야 하는지 도와주세요
1
275
1
localhost:8080 접속 불가
1
296
1
최근검색어 3 풀이에서
1
195
1
import 문제
1
247
1
자동변환 관련
1
213
1
sort() 질문 드립니다.
1
312
2
reset 시점에 searchResult 빈 배열로 update
2
321
2
Button에 Onclick사용
1
263
1
npx lite-server error 확인 요청드립니다.
1
484
2
node 20이상 쓸때 꿀팁
4
781
3
디버깅 관련질문이 있습니다.
1
310
1
[순수JS2]탭 3(풀이) 질문있습니다.
1
236
1
추상화를 어떻게 받아들이면 될까요??
1
446
1
on 메서드 eventName 문의
1
268
1
import에 관해서 질문드립니다
1
264
1
view.js의 on 메소드에 대해 질문드립니다
1
266
1
componentDidMount에서 getKeywordList()를 하는 이유
1
249
1
[순수JS1]검색폼2_git branch 이동관련
1
285
1