Reactjs 如何在React中隐藏/查看组件

我有几个组件。我想做的是，当我渲染组件“购物车”时，我想禁用“应用程序”渲染

这是我的index.js

 ReactDOM.render(
<Provider store={store}>
<HashRouter>
  <App>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/categories" component={Categories} />
      <Route path="/category/:categId" component={Products} />
      <Route path="/product/:productId" component={Product} />
      <Route path="/cart" component={Cart} />
    </Switch>
  </App>
</HashRouter>
 </Provider>
 , document.getElementById('root'),
);

ReactDOM.render(
，document.getElementById（'root'），
);

---

我想每次在应用程序组件中访问url，每当路径等于“cart”时，我都返回null，但它对我不起作用

使用布尔变量和三元语句，如下面的超级简化示例：

const isCart = cartShowing === true

return isCart
    ? <Cart/>
    : <App />

const isCart=cartshipping==true
返回isCart
? 
: 

我很惊讶，这不是一个关于条件渲染的简单问题

肖特：别这么想

更长：如果需要使用不同的布局渲染

购物车

，请在

购物车

内进行渲染。作为顶级组件/容器之一，它可以呈现公共（与其他路由）

和

内部

---

App

是一个逻辑粘合/结构部件，不包含任何视觉元素

查看React官方文档中的“防止组件渲染”：[可能重复我现在将尝试它。虽然我的答案直接回答了这个问题，但我同意OP应该重新考虑他的方法，使用顶级容器来处理商店（？）和购物车。