12강 props.onTemperatureChange() 함수 질문
293
작성한 질문수 5
setTemperature() 함수 대신 props.onTemperatureChange() 함수를 사용 했는데~요
onTemperatureChange() 함수는 state에 없는데 이 함수는 어디에서 제공 해주는지 잘 모르겠습니다
답변 2
0
안녕하세요, 소플입니다.
props.onTemperatureChange() 함수는 코드 그대로 props에 있는 것입니다.
실습에서는 기존에 각 컴포넌트의 state를 사용해서 온도 값을 저장하고 관리하던 것을,
공통된 상위 컴포넌트로 올려서 Shared State 형태로 사용하도록 변경하게 됩니다.
이 과정에서 상위 컴포넌트에서 관리하는 state와 set함수를 props를 통해 하위 컴포넌트로 넘기고,
하위 컴포넌트에서는 이를 사용하는 것입니다.
참고로 props에 뭐가 들어있는지 궁금하거나 디버깅을 하고 싶을 때는,
아래와 같이 콘솔 로그를 출력해서 개발자 도구를 통해 확인하시면 좋습니다!
function TemperatureInput(props) {
console.log(props);
...
}
감사합니다.
강의가 삭제되었다고 합니다
0
106
1
이거 왜 존재하지 않는다고 뜨는건가요
0
133
1
존재하지 않는 수업이라고 떠요
0
183
1
안드로이드 에뮬레이터 오류
0
100
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
125
1
prevIsConfiromed 질문
1
141
2
chapter14 잘이해가 되지않습니다..
1
135
2
2025년 3월 리액트버전
1
201
2
npm 설치 오류
1
175
1
chapter_07 콘솔로그 질문드려요~!
1
127
2
안녕하세요 미니블로그 실습 질문드립니다.
1
178
3
에러가 떠요
1
218
3
Chapter6 질문 드립니다
1
209
2
실습 코드 있을까요?
1
206
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
233
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
308
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
140
1
버튼이 안 뜹니다
0
303
2
npx create-react-app my-app
1
470
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
376
3
Chapter_05 터미널, 리액트 에러
0
193
2
npx create-react-app my-app 명령어 반응없음
1
432
3
import 코드 에러
1
214
1
백틱
1
121
1