如何解决使用路由反应通用通知组件的思维过程
我有一个布局如下的应用程序,
---------------------------------------
Top Navbar
---------------------------------------
| Notification (if any)
Sidebar |------------------------------
|
| Page content
|
---------------------------------------
我使用的是React Router,由于必须检查身份验证,因此我的整个页面都保留为路由组件。
<Switch>
<Route exact path="/">
<HomePage />
</Route>
<Route exact path="/login">
{isAuthenticated ? <Redirect to="/" /> : <LoginPage />}
</Route>
</Switch>
现在,在上述布局中,需要为每个页面更改“页面内容”部分,并且外壳程序应保持不变。对于页面内容,我认为需要定义后续的Route
,以便根据URL进行更改。
另一种解决方法是,使用withNotification HOC
,它将通知部分添加到每个“页面内容”的顶部,如下所示
---------------------------------------
Top Navbar
---------------------------------------
|
Sidebar |
| Page content
|
|
---------------------------------------
什么是使其可重用和可维护的正确方法,以便仅调用一个简单的方法showNotification("Notification message content")
来显示通知?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。