在react中跳转到页面中的特定位置



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

<Grid xs={3}>    
<Button>heading</Button>
<Button>Heading2</Button>
</Grid>
<Grid xs={3}>    
<h1>heading</h1>
<p>Paragraph</p>
<h2>Heading2</h2>
<p>Paragraph2</p>
</Grid>

当点击标题按钮时,它应该跳到第二个网格中的相关位置。如何做到这一点。我提到,如何使用反应路由器跳转到页面中的特定位置。

Link组件封装在MUIButton中,并为第二个网格定义一个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> 

相关内容

  • 没有找到相关文章

最新更新