문씨네프로젝트

  • 홈
  • 태그
  • 방명록

flusySync 1

[React] setState를 동기적으로 작동하게 만들기(feat. flushSync)

문제 rabbitMq에서 데이터를 받아서 state에 set하는 과정을 거치는데, 갑자기 데이터가 여러개 들어오면 처음 데이터의 state에 set이 끝난걸 보기 전에 제일 마지막 데이터가 바로 set이 되어 버리는 현상 해결방법 기본적으로 react에서 사용되는 setState들을 동기적으로 동작하지 않는다. 그렇기 때문에 이를 동기적으로 작동하도록 바꿀 수 있는 방법을 찾아보았다 flushSync( () => { setSomeState(queData) }) 이렇게 쓴다면 queData를 set하는게 동기적으로 작동하기 때문에 해당 state가 변하는 것을 바로 확인해볼 수 있다. 주의할 점 : flushSync는 강력한 도구지만, 애플리케이션의 전체적인 성능에 영향을 줄 수 있으므로 신중하게 사용해야..

React 2023.09.08
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (25)
    • Vue (1)
    • React (10)
    • Spring Boot (0)
    • Redis (0)
    • 알고리즘 풀이 (14)
      • leetcode (14)
      • 프로그래머스 (0)
      • softeer (0)

Tag

spring boot, JavaScript, Queue, JavasScript, 파일 다운로드, Whitelabel, react hook, array, react, flusySync, 코딩테스트, lightweight-charts, leetcode, error, Blob, TypeScript, JS, setState, proxy, TradingVIew,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바