我有一个 CardActionArea
,当我点击它时会将我重定向到另一个页面:
<Card>
<CardContent>
<CardActionArea component={RouterLink} to={`/poll/${poll.id}`} >
// My code
</CardActionArea>
</CardContent>
</Card>
我在CardActionArea
中放置了一个Button
,当点击Button
时,它会执行其他操作:
<Card>
<CardContent>
<CardActionArea component={RouterLink} to={`/poll/${poll.id}`} >
<Button onClick={props.myAction}>
{answer.text}
</Button>
</CardActionArea>
</CardContent>
</Card>
我的问题是:
当我点击 Button
时,也会同时点击 CardActionArea
。我不想点击 CardActionArea
,仅仅想点击 Button
并调用我的 myAction()
函数而不被重定向。
有人能帮我吗?
CardActionArea
的component
被覆盖为<a href...>
而不是<button>
,因此它就不会收到那个控制台错误。 - Ryan Cogswell