Изменение адреса страницы при закрытии диалога (ui материала, response-router)

Question

Я использую диалоговое окно Material UI и response-router для создания опции входа. Внутри диалогового окна входа есть ссылка для регистрации, которая должна перенаправить пользователя на страницу регистрации и одновременно закрыть диалоговое окно.

Код для ссылки для регистрации выглядит так:

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

Прямо сейчас, когда щелкают ссылку "Регистрация", диалоговое окно закрывается без изменения адреса страницы. При удалении команды onClick адрес страницы изменяется, но диалог не закрывается. Есть ли способ одновременно закрыть диалог и перенаправить страницу? Спасибо

Answer 1

Вы можете предоставить функцию для реакции-маршрутизатора Link to опора:

to: function
Функция, которой текущее местоположение передается в качестве аргумента и которая должна возвращать представление местоположения в виде строки или объекта

Итак, одно из возможных решений:

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

           this.props.handleClose();

           return href;
        }}
    >