reactjs – React Router DOM – 如何在每个页面上包含导航栏?
发布时间:2020-12-15 20:15:22 所属栏目:百科 来源:网络整理
导读:我的App.js组件中有这个代码: render() { return ( div Navbar/ BrowserRouter Switch Route exact path="/" component={Home}/ Route path="/about" component={About} / Route path="*" render={() = Redirect to="/" /} / /Switch /BrowserRouter /div )
我的App.js组件中有这个代码:
render() { return ( <div> <Navbar/> <BrowserRouter> <Switch> <Route exact path="/" component={Home}/> <Route path="/about" component={About} /> <Route path="*" render={() => <Redirect to="/" />} /> </Switch> </BrowserRouter> </div> ); } 现在我尝试在我的一个其他组件中包含一个Link组件,但我发现BrowserRouter必须是App.js组件的根元素,以便它可以工作.现在我想知道如果我还想在每个页面上都包含导航栏,我将如何将其作为路由元素. 解决方法
您应该可以将它放在< Switch>之外.零件.
<BrowserRouter> <div> <Navbar/> <Switch> <Route exact path="/" component={Home}/> <Route path="/about" component={About} /> <Route path="*" render={() => <Redirect to="/" />} /> </Switch> </div> </BrowserRouter> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 使资源xml可配置,同时在java中进行测试?
- objective-c – 使用autolayout,当我更改标签文本时,标签位
- React 数据为什么要使用immutable方式?浅复制与深复制思考
- Flex嵌套Iframe,点击除Iframe的其他地方后,Iframe内容消失
- 总结SQLite不支持的SQL语法有哪些
- c# – RavenDB:返回属性为null值的对象
- dojo chart详解
- 在C中访问lambda外部的lambda capture初始化变量
- c# – 如何从SqlConnection对象中“分离”SqlDataReader?
- 为什么C 11中没有向量(size_type n,const Allocator&al