在多条路线上显示组件

时间:2019-12-24 14:09:46

标签: javascript reactjs react-router

我有3个主要模块:CartHolder,Project和About。

期望的行为:

  • “ /”: CartHolder
  • “ /项目”: CartHolder&Project
  • “ /关于”:关于

从“ /”切换到“ / project”,我不希望CartHolder重新呈现。

如何使用Subscribe实现这种行为?

ClientCode.OnConnected += Subscribe;

1 个答案:

答案 0 :(得分:0)

在CartHolder组件中尝试类似的操作

<Grid container alignItems="stretch">
  <Grid item style={{display: 'flex'}}>
    <Card style={{display: 'flex', justifyContent: 'space-between', flexDirection: 'column'}}>
      // contents of your Card
    <Card/>
  </Grid>
  <Grid item style={{display: 'flex'}}>
    <Card style={{display: 'flex', justifyContent: 'space-between', flexDirection: 'column'}}>
      // contents of your Card
    <Card/>
  </Grid>
</Grid>

基本上,只需检查不是路线的任何道具是否已更改,如果没有,就不要更新