跳转到页面中的特定位置

Question

单击按钮时，我需要转到页面上的特定行。如何使用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。

Answer 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>