# setState
TIL 0321
🏷️ [목차] props drilling emotion에 props던지기 리액트가 리렌더 하는 방식 컴포넌트 안에서 router 사용시 주의점 주소를 설계하는 법 🖇️ [출처 및 참조] 코드캠프 💡 props drilling? > props가 자식에게 넘겨주는
[React] AppSync GraphQL Subscription 시에 setState 사용하기
문제가 발생한 부분은 AppSync의 GraphQL subscription을 통해서 새로운 값을 받고, 새로운 값을 기존 배열에 추가해서 배열을 변경하는 로직이었다.새로운 값이 들어오면, 기존 배열을 복사한 배열을 생성하고 복사한 배열에 새로운 값을 넣고, setSta
리액트 소스코드 뜯어보기 #1(class)
앞서 'prototype' 이라는 개념을 숙지해야 한다.JS에서 모든 객체는 자신의 부모 객체를 가리키는 'proto' 속성을 가지는데 이렇게 연결된 객체들의 체인을 프로토타입 체인이라고 부른다.'prototype'은 함수 객체에만 존재하는 속성으로 함수로 생성된 객체
[React - Study] state , setState , useState
state , setState , useState 란? + props
state 리렌더링
React에서 리렌더링(Rerendering)을 하는 방식에 대해 공부해봤다. 먼저 setState는 비동기로 작동하는데 setState 동기로 작동하게 되면 값이 변경될 때 바로바로 렌더링을 하기 때문이고 마지막 값이 나오기 전까지는 선언되어있는 코드를 다 실행하고
React Hooks: useEffect 사용법
sideEffect 처리를 위해 제공되는 Hook에 대해서 알아보자!!React 화면에 렌더링된 이후에 비동기로 처리 되어야 하는 부수적인 효과를 Side Effect라고 하는 데 대표적인 예로는 React 화면단에서 어떤 데이터를 가져오기 위해서는 외부 API를 호출
setState mounted 검사
플러터에서 화면을 갱신하기 위해 setState를 사용한다.거의 문제 없이 실행이 되지만 위젯이 마운트 되지 않은 상태에서 setState 함수를 호출해 문제가 발생하곤 한다.setState시 무조건 mounted 검사를 해준다.
setState() or markNeedsBuild() called during build. 이슈
flutter 의 Lifecycle중 build단계에서 setState()를 실행하면 다음과 같은 에러가 발생한다. (build가 끝나지 않은 시점에서 데이터의 변경이 일어나면 다음과 같은 에러가 발생한다.)화면이 바인딩 된 후 실행시키면 에러가 사라진다.
[React] 참조 타입과 setState - 배열/객체 상태관리 완벽 정리
React에서 참조 타입인 배열이나 객체의 state를 올바르게 업데이트하는 방법
setState의 동기(?)처리
문제가 발생한 이유를 간단하게 말하자면, 버튼을 클릭하면 searchFlag라는 값이 true로 바뀌고, 그 바뀐 값으로 apiLoad()라는 함수에서 분기를 태워 결과가 달라지는 과정을 거친다.하지만 버튼을 눌렀음에도 불구하고 searchFlag가 false일 때,
setState 하고 console.log 했는데 왜 state 가 안 바뀌어 있나요?
setState 후 console.log(state) 를 했을 때 업데이트가 안 되어서 당황하는 리액트 초심자분들을 위한 글입니다.
[TIL] 22.11.01 - React Component, useState
React 여러 페이지들을 부품(Component)단위로 만들어 조립할 수 있다. State는 리액트 전용 변수 node_modules 폴더는 yarn install로 언제든지 설치 가능하다. -> 굳이 github에 업로드 안함 React.js 웹 React-Na
[React] state 변경시 setState로 변경해야 하는 이유
state는 immutble(불변성)을 유지해야 하기 때문이다.state는 컴포넌트 렌더링에 영향을 주는 데이터를 갖고 있는 객체인데, 이것을 업데이트 하기 위해서는 setState,useState가 필요하다. 직접 state를 수정하면 리액트는 render 함수를 호
React 객체안의 배열의 값을 수정해보자.
상품을 관리하는 상태를 수정해야할 일이 생겼다.보통의 state를 수정할 때는 간단하게 spread문법을 사용하여 수정을 하면 됐지만,ex) 해당 키의 값을 입력한 값으로 바꾸는 코드하지만 내가 수정해야할 부분은,상품은 여러개의 상품 그룹으로 구성하여 추가할 수 있고,
[리액트를 다루는 기술] React.memo와 함수형 setState를 이용해 의존성은 없애고 성능은 향상시키기
2500개의 데이터인 todos에 변화가 생기면 전체가 리렌더링 되어 성능저하'할 일 0' 체크하는데 한국인이라면 못 참을 렉이 걸림렌더링 시간도 50m는 뛰어갈 수 있는 328.7ms나 걸림그 이유는 '할 일 0'만 체크했는데 전체가 리렌더링 되기 때문. 의리 미쳤네
[Web] React에서 setTimeout, setInterval 잘 사용하기
<2022 고려대학교 여름 해커톤(CONNECTHON) 플랫폼> 개발 중에 후원사와 참가자간의 채팅 기능을 만들어야 했는데, HTTP GET, POST method를 활용하여 개발하는 방향으로 백엔드 팀과 의견을 맞췄다. 채팅의 전체 플로우는 다음과 같이 구성하였
useState 초기값 설정하기
로직을 구현하다 보면 서버에서 데이터를 받아올 일이 많다.서버에서 받아 온 데이터를 setState에 저장하고, 하위 컴포넌트에 props로 뿌려 화면으로 노출시킨다.데이터 구조에 따라 Object 안에 Array가 있고, 이런 구조들에 method를 맞춰야 하는데,처