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