关闭对话框时更改页面地址(材料 UI，反应路由器)

Question

我正在使用材料UI对话框和反应路由器来创建登录选项。在登录对话框中有一个注册链接，该链接应将用户重定向到注册页面并同时关闭对话框。

注册链接的代码如下所示：

render() {
return (
<Link
class="underline text-green-600 mx-1 cursor-pointer"
to="/signup"
onClick={this.props.handleClose}
>
Sign Up
</Link>
);
}

现在，单击"注册"链接时，对话框将关闭，而不会更改页面地址。如果删除 onClick 命令，页面地址会更改，但对话框不会关闭。有没有办法同时关闭对话框和重定向页面？谢谢

Answer 1

你可以提供一个函数来反应路由器链接toprop：

to：函数 将当前位置作为参数传递到的函数
，它应以字符串或对象的形式返回位置表示形式

所以一个可能的解决方案是：

<Link
class="underline text-green-600 mx-1 cursor-pointer"
to={() => {
const href = '/signup';
this.props.handleClose();
return href;
}}
>