时间戳

首页 > 解决方案 > 在反应js中路由另一个页面时隐藏组件

javascript - 在反应js中路由另一个页面时隐藏组件

问题描述

在主页内的反应项目中，我有一个通知组件，当我路由到另一个页面并再次访问主页时，我想隐藏通知组件。我怎样才能做到这一点？请就我该怎么做提出一些建议。

标签： javascriptreactjsroutes

解决方案

您可以在具有所有页面路由的组件状态中操作通知的状态，例如：

const [needsNotification, setNeedsNotification] = useState('true');


<Switch>
  <Route
    path={'/home'}
    render={<Home props={...props, needsNotification}} />
  />
  <Route
    path={'/another-page'}
    render={<AnotherPage props={...props, setNeedsNotification} />}
  />
<Switch/>

在 AnotherPage 组件中，您props.setNeedsNotification(false)在挂载时使用该函数，在主页中，您创建一个条件，即仅在needsNotification === true.

推荐阅读