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

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

오00님의 프로필 이미지

작성한 질문수

처음 만난 리액트(React)

(실습) 클릭 이벤트 처리하기

prevIsConfiromed 질문

작성

·

33

1

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

섹션 9 실습에서

setIsConfirmed((prevIsConfirmed) => !prevIsConfirmed);

 

로 setState 정의 했는데

prevIsConfrimed라는 state는 어디에서 나온 건가요

답변 2

1

Inje Lee (소플)님의 프로필 이미지
Inje Lee (소플)
지식공유자

안녕하세요, 소플입니다.

 

useState() 훅의 set 함수를 사용할 때는 직접 값을 넣는 방법과, 함수를 넣는 방법이 있습니다.

그리고 함수를 넣는 방법에서는 함수의 인자로 이전 값이 전달됩니다.

더 자세한 내용은 아래 공식문서 링크를 참고하시기 바랍니다!

https://inf.run/Mnd9D

 

감사합니다.

1

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 오00님.

React에서 setState 함수를 사용할 때, 인자로 함수를 전달할 수 있습니다. 이 함수의 첫 번째 매개변수는 상태의 이전 값(current state)입니다. 여기서 prevIsConfirmed는 이전의 isConfirmed 상태 값을 나타내며, 새로운 상태 값을 계산하는 데 사용됩니다.

즉, setIsConfirmed((prevIsConfirmed) => !prevIsConfirmed); 코드는 현재 isConfirmed 상태 값을 반전시키기 위해 사용되며, prevIsConfirmed는 기존의 상태 값(true 혹은 false)을 나타냅니다.

이 방식은 특히 복잡한 상태 변경이 필요하거나, 연속적인 상태 업데이트 시점에 이전 상태값을 참조하여 새로운 값을 생성할 때 유용하게 쓰입니다.

관련하여 좀 더 자세한 내용을 알고 싶다면 다음의 질문을 참조해 보세요:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

오00님의 프로필 이미지

작성한 질문수

질문하기