我想根据内容更改导航栏中的文本。
在我的App.jsx文件中,我有我的路线以及导航栏。遵循路线应相应地更改其文字。
仅将导航栏复制到每个组件中的快速而肮脏的解决方案肯定会起作用,但是我敢肯定还有其他方法。
正如A先生所说,您可以通过useLocation或useParams来查询打开的当前页面的Navbar组件,并有条件地显示其他信息。这可以通过使用对象数组来存储给定页面的给定文本来实现,例如
NAVBAR_TEXTS = [{page:"/", text: "Main page"}, {page:"/info", text: "Info page"}]
等等。那么导航栏中的文本将是
const location = useLocation();
const textToShow = NAVBAR_TEXTS.find(el => el.page === location.pathname)?.text
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句