React.js / 02 / JS 계산된 속성명 (Computed Property Name) + 스프레드 연산자

DOMADO·2024년 8월 26일
0

React.js

목록 보기
12/13
post-thumbnail
[⚠️] 3가지 개념

🟢 1) useState 업데이트 방법이 2가지가 있다

🟢 2) . . . 스프레드 연산자 (JS)

🟢 3) 계산된 속성명 (JS)

setAccount 상태 업데이트 함수
업데이트 2가지 방법

① 새로운 상태 값을 직접 전달
setAccount(newValue)

② 업데이트 함수 전달
setAccount((preAccount) => newValue)

⚠️ 업데이트 함수를 전달할 때,

함수의 첫 번째 인자로 이전 상태 값을 전달 (무조건)


✅ 스프레드 연산자 . . .

  • 배열이나 객체복사하거나 병합할 때 사용

  • React에서 상태 객체 업데이트시 유용


✅ 계산된 속성명

  • 객체 속성명을 동적으로 결정하는 것

  • 구조 분해 할당과 비슷한

  • 동적으로 사용 할 변수or표현식을 [대괄호]로 감싸주기

✔️ 구조 분해 할당
https://velog.io/@supernova77/Node.js-01-02-%EA%B8%B0%EC%B4%88-2

profile
▪️ 검정 테마를 기준으로 작성되었읍니다.

0개의 댓글