Reactjs 关闭对话框时更改页面地址（物料界面、反应路由器）

我正在使用Material UI对话框和react router创建登录选项。在“登录”对话框中有一个注册链接，用于将用户重定向到“注册”页面，同时关闭对话框

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

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

render（）{
返回(
注册
);
}

---

现在，当点击注册链接时，对话框关闭，而不更改页面地址。如果删除onClick命令，页面地址将更改，但对话框不会关闭。是否有一种方法可以同时关闭对话框和重定向页面？谢谢

您可以提供一个函数，用于

到

道具：

至：功能
一种函数，当前位置作为参数传递给该函数，该函数应以字符串或对象的形式返回位置表示

因此，一个可能的解决方案是：

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

           this.props.handleClose();

           return href;
        }}
    >

{
常量href='/signup'；
this.props.handleClose（）；
返回href；
}}
>

组件来自哪个库？@Ido它来自react路由器库