내용에 따라 내비게이션 바의 텍스트를 변경하고 싶습니다.
내 App.jsx 파일에는 내 경로와 탐색 모음이 있습니다. 경로를 따라 가면 그에 따라 텍스트가 변경됩니다.
navbar를 모든 구성 요소에 복사하는 빠르고 더러운 솔루션은 확실히 작동하지만 다른 방법이 있다고 확신합니다.
A 씨가 말했듯이, useLocation 또는 useParams를 통해 열려있는 현재 페이지에 대한 Navbar 구성 요소 쿼리를 사용하고 조건부로 다른 정보를 표시 할 수 있습니다. 이것은 주어진 페이지에 주어진 텍스트를 저장하는 객체 배열을 가짐으로써 얻을 수 있습니다.
NAVBAR_TEXTS = [{page:"/", text: "Main page"}, {page:"/info", text: "Info page"}]
등. 그러면 navbar의 텍스트는
const location = useLocation();
const textToShow = NAVBAR_TEXTS.find(el => el.page === location.pathname)?.text
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다