ijooha 님의 블로그

  • 홈
  • 태그
  • 방명록

useEffect 1

[react/트러블슈팅] useEffect, Redux 상태를 활용해 Toast 알림 문제 해결하기

Redux 상태를 활용해 Toast 알림 문제 해결하기         문제 상황 ⚠️ 버튼에서 toast()를 실행해야 하는데, Dex 페이지(상위 컴포넌트)에서 렌더링되므로 알림이 뜨지 않았다.처음에는 버튼이 클릭됐을 때 toast가 실행되도록 했더니, 버튼 위에 토스트 알림이 뜨는 대참사..(포켓몬 덱스 프로젝트를 하고 있었어서 버튼이 150개였음.)         원인 분석 🧐 toast()는 Dex 페이지에서 실행되지만, 버튼 클릭 시 상태 변경이 Dex에 즉시 반영되지 않는다.어떻게 해야될진 모르겠지만 우선 상태를 관리해서 정보를 넘겨줘야겠다고 생각했다.        해결 과정 💦 그래서 state에 alert: false를 추가했다.이후 버튼을 눌렀을 때 특정 조건(슬롯이 가득 찼거나, 이..

WEB/react 2025.02.10
이전
1
다음
더보기
프로필사진

ijooha 님의 블로그

ijooha 님의 블로그 입니다.

  • 전체보기 (109)
    • Projects (2)
      • zenui (2)
    • WEB (41)
      • web (3)
      • html (3)
      • css (2)
      • javaScript (16)
      • react (17)
    • 코딩 테스트 (60)
      • test_javaScript (60)
    • 기타 (3)
    • 개발 시작 (1)

Tag

props-drilling, riot-app, JavaScript, CSS, 변수, HTML, headless ui, tanstack, this, zenui, web, 연산자, react, 코딩테스트, judiemovie, 상태관리, 트러블슈팅, 공부, 실습, 코드잘쓰기,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/01   »
일 월 화 수 목 금 토
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 © AXZ Corp. All rights reserved.

  • GitHub

티스토리툴바