useRef
-
[WizSched] Toast Component 개선기Front-End/Project 2025. 2. 22. 09:56
🍀목차글의 목적useToast 커스텀 Hook 만들기개선 1 : Provider 사용개선 2 : useRef 사용최종 완성 글의 목적 Toast 컴포넌트는 사용자에게 일시적으로 표시되는 안내 메시지를 제공하는 컴포넌트이다. 프로젝트에 사용할 Toast 컴포넌트를 만들던 중, 겪었던 문제와 개선 방법을 정리하면 좋을 것 같았다. 같은 문제를 겪고 있는 사람에게 쉽고 유용한 정보가 되었으면 한다. useToast 커스텀 Hook 만들기 아래는 Toast 컴포넌트가 해야 할 동작을 생각하며 간단히 작성해 본 코드이다.open toast 버튼을 클릭하면 show라는 state를 true로 바꿔 🍞가 화면에 표시되었다가 3초 뒤에 사라진다. import { useState, useEffect } fr..
