[React] React state

2024. 3. 3. 20:39· Web Programming

https://react.dev/learn/updating-objects-in-state

 

Updating Objects in State – React

The library for web and native user interfaces

react.dev

 

 

리액트 공식 문서 참고! !

​

그냥 적으면서 공부하는 느낌으로 사이트 내용을 쭉 적어보겠다

​

State can hold any kind of JavaScript value, including objects. But you shouldn't change objects

that you hold in the React state directly. Instead, when you want to update an object, you nedd to

create a new one (or make a copy of an exisitng one), and then set the state to use that copy.

​

Consider an object in state:

const [position, setPosition] = userState({ x : 0, y : 0});

​

Technically, it is possible to change the contents of the object itself. This is called a mutation:

position.x = 5;

​

However, although objects in React state are technically mutable, you should treat them as if they were

immutable - like numbers, booleans, and strings. Instead of mutating them, you should always replace them.

​

하핫 근데 글이 너무 길다

이 밑은 다음에 또 읽고 정리해보겠숩니다

'Web Programming' 카테고리의 다른 글

[React] vulnerability 문제 / error:03000086:digital envelope routines::initialization error  (0) 2024.03.03
[JavaScript] 조건 (삼항) 연산자  (0) 2024.03.03
[JavaScript] 스코프 / 스코프 체인  (0) 2024.03.03
[JavaScript] Truthy vs Falsy  (0) 2024.03.03
[React] React와 DOM  (0) 2024.03.03
'Web Programming' 카테고리의 다른 글
  • [React] vulnerability 문제 / error:03000086:digital envelope routines::initialization error
  • [JavaScript] 조건 (삼항) 연산자
  • [JavaScript] 스코프 / 스코프 체인
  • [JavaScript] Truthy vs Falsy
효딩
효딩
개ㄱ발은 기세다. 줄여서 객기.
효딩
hyoding
효딩
전체
오늘
어제
  • 분류 전체보기 (245)
    • SKKU SW (30)
      • Computer Architecture (14)
      • Database (4)
      • Computer Network (3)
      • Operating System (7)
      • Mobile App Programming (2)
    • SuperCoding (68)
    • CS (8)
    • Web Programming (19)
    • Cloud (13)
    • Languages (45)
      • Python (8)
      • Java (37)
    • Supporters (8)
      • MoteMote (6)
      • NHN Cloud (2)
    • Certification (27)
      • Network Advisor (14)
      • ADsP (10)
      • Engineer Information Proces.. (3)
    • Finance (9)
      • 경제금융용어 (3)
    • Woori FISA (14)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Kotlin
  • 네트워크관리사2급 필기
  • 클라우드서비스개발
  • 네트워크관리사 합격
  • 네트워크관리사
  • 우리fis아카데미
  • 글로벌소프트웨어캠퍼스
  • 서버생성
  • 봐
  • nhn cloud
  • 코틀린문법
  • 네트워크관리사 준비물
  • K-디지털트레이닝
  • 인프라개발
  • 네트워크관리사 후기
  • AWS
  • 네트워크관리사2급
  • 앱개발
  • 인프라
  • 우리에프아이에스
  • 서버개발
  • 코틀린
  • rds local 접속
  • 네트워크관리사 커트라인
  • apppaas
  • 클라우드
  • 네트워크관리사2급 공부방법
  • 서버배포
  • 우리FISA
  • 클라우드 서비스

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
효딩
[React] React state
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.