如何解决在 React 中的 history.push() 中传递按钮 ID
我有两个按钮,如下图所示。我正在使用此代码使用 history.push
将用户导航到注册页面。我想将某种数据传递到 Registration
页面,例如根据按钮点击用户是“志愿者”还是“正当理由”。我知道它相对简单,但我无法弄清楚。谢谢。
let history = useHistory();
const handleClickRegistration = () => {
history.push({
pathname: '/Registration',});
};
这是我调用函数的地方
type="submit"
variant="contained"
id="volunteer"
className={classes.button}
style={{margin: 8}}
onClick={handleClickRegistration}
>
Register as a Volunteer
</Button>
解决方法
如果您在两个按钮上使用相同的功能,请使用它
<Button onClick={()=> handleClickRegistration("volunteer")} >Register as a
Volunteer</Button>
<Button onClick={()=> handleClickRegistration("good_cause")} >Register as a
Good Cause</Button>
在handleClickRegistration函数中发送一个状态在history.push方法中
const handleClickRegistration = (userType) => {
history.push({
pathname: '/Registration',state: { userType: userType }
});
};
您可以在注册过程中获得
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。