한 페이지에 2개의 구성 요소를 가져올 때 토스트 메시지가 두 번 나타납니다.

Question

이 이상한 문제가 발생했는데 처음으로 발생했습니다. Redux 툴킷을 사용하여 애플리케이션 생성을 처리하는 버튼을 만들었습니다. UI 디자인에 따르면 버튼은 아래와 같이 페이지에 두 번 나타나야 합니다. 강조 표시된 버튼은 동일한 구성 요소입니다.

앱을 만들려고 하면 두 개의 토스트 메시지가 표시됩니다.

"앱 만들기" 버튼 중 하나를 제거하고 하나를 유지한 다음 앱을 만들려고 하면 예상대로 토스트 메시지만 표시된다는 사실을 발견했습니다.

하나의 기능을 처리하기 위해 별도의 버튼 2개를 만드는 것이 이상적인 모범 사례인가요?

CreateAnApp 버튼은 다음과 같습니다:

으아아아

신청 페이지는 다음과 같습니다:

으아아아

그리고 내 앱슬라이스:

으아아아

Answer 1

앱 만들기의 useEffect 후크에서 토스트 메시지 기능을 앱 페이지로 이동하여 이 문제를 해결했습니다. 방금 화장실에서 알아냈어요 하하. 이에 대해서는 아직 완전히 이해하지 못했기 때문에 더 자세히 설명할 수는 없습니다. 우리는 매일 배우고 있습니다

"앱 만들기" 버튼의 useEffect 후크가 업데이트되었습니다:

으아악

업데이트된 앱 페이지:

으아악