이 이상한 문제가 발생했는데 처음으로 발생했습니다. Redux 툴킷을 사용하여 애플리케이션 생성을 처리하는 버튼을 만들었습니다. UI 디자인에 따르면 버튼은 아래와 같이 페이지에 두 번 나타나야 합니다. 강조 표시된 버튼은 동일한 구성 요소입니다.
앱을 만들려고 하면 두 개의 토스트 메시지가 표시됩니다.
"앱 만들기" 버튼 중 하나를 제거하고 하나를 유지한 다음 앱을 만들려고 하면 예상대로 토스트 메시지만 표시된다는 사실을 발견했습니다.
하나의 기능을 처리하기 위해 별도의 버튼 2개를 만드는 것이 이상적인 모범 사례인가요?
CreateAnApp 버튼은 다음과 같습니다:
으아아아
신청 페이지는 다음과 같습니다:
으아아아
그리고 내 앱슬라이스:
으아아아
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
앱 만들기의 useEffect 후크에서 토스트 메시지 기능을 앱 페이지로 이동하여 이 문제를 해결했습니다. 방금 화장실에서 알아냈어요 하하. 이에 대해서는 아직 완전히 이해하지 못했기 때문에 더 자세히 설명할 수는 없습니다. 우리는 매일 배우고 있습니다
"앱 만들기" 버튼의 useEffect 후크가 업데이트되었습니다:
업데이트된 앱 페이지: