반응형 useToast.tsx1 useToast만들기 맨날 남이 만들어준거 쓰다가 그냥 만들어보았다 디자인은 대충했다 ㅎ 빨간토스트가 nagative, 파란토스트가 positive이다. 빨강토스트는 1초후, 파랑토스트는 3초후 사라지게 하였다. 코드 // App.tsx import useToast from "./hooks/useToast"; function App() { const { showToast } = useToast(); return ( showToast(false, "bye", 1000)}>토스트 빨강 showToast(true, "hi", 3000)}>토스트 파랑 ... ); } export default App; type, string(내용), time(몇초후 사라질지)를 매개변수로 받는 showToast 함수를 리턴한다. /// useToa.. 2022. 10. 13. 이전 1 다음 반응형