[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)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

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

최근 댓글

최근 글

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 + /
⇧ + /

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