Как сделать переход на другую страницу, с сохранением состояния на последней?
Пытаюсь сделать квиз-игру на React.js, где при выборе вопроса из списка должен происходить переход на другую страницу (вопроса), на которой нужно дать ответ и вернуться обратно на главную страницу с вопросами. Могу провернуть такое только с помощью модальных окон. А как сделать с переходом на другую страницу?
Ответы (2 шт):
<a target="_blank" href="example.html">Открывает ссылку в новой пустой вкладке</a>
Значения В качестве значения используется имя окна или фрейма, заданное атрибутом name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
_blank Загружает страницу в новое окно браузера. _self Загружает страницу в текущее окно. _parent Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self. _top Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self
еще сам не работал с этим , надеюсь мой ответ помог вам)
Вам либо использовать react-router-dom и его апи, или при переходе на другую страницу указывать в ссылке параметры "откуда вы пришли", что-то вроде: mysite/question1?previospage=quiz1
Параметры затем считываются и после ответа вы можете вернутся туда, откуда пришли (также указав в ссылке ответ).
Также можно использовать HOC - данные храним на "верхнем" общем родителе.
Вообще реализация вопросов/ответов отдельными страницами странное решение. Нельзя выбранный вопрос на эту же страницу загрузить что-ли?