跳转到页面中的特定位置

时间:2018-08-02 05:10:15

标签: reactjs react-router page-jump

单击按钮时,我需要转到页面上的特定行。如何使用react-router完成我有:

Boolean x = (System.Windows.SystemParameters.PowerLineStatus == System.Windows.PowerLineStatus.Offline);

单击标题按钮时,它应该跳到第二个网格中的相应位置。如何做到的。我也提到了How to use react-router to jump to specific location in the page

1 个答案:

答案 0 :(得分:1)

在MUI Link中包装Button组件,并为第二个网格定义一个id属性,例如gridWrapper

<Grid xs={3}>    
  <Button component={Link} to="#gridWrapper">heading</Button>
  <Button>Heading2</Button>
</Grid>
<Grid xs={3} id="gridWrapper">    
  <h1>heading</h1>
  <p>Paragraph</p>
  <h2>Heading2</h2>
  <p>Paragraph2</p>
</Grid>