Как сделать переход на другую страницу, с сохранением состояния на последней?

Пытаюсь сделать квиз-игру на React.js, где при выборе вопроса из списка должен происходить переход на другую страницу (вопроса), на которой нужно дать ответ и вернуться обратно на главную страницу с вопросами. Могу провернуть такое только с помощью модальных окон. А как сделать с переходом на другую страницу?


Ответы (2 шт):

Автор решения: Сamper

<a target="_blank" href="example.html">Открывает ссылку в новой пустой вкладке</a>

Значения В качестве значения используется имя окна или фрейма, заданное атрибутом name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.

_blank Загружает страницу в новое окно браузера. _self Загружает страницу в текущее окно. _parent Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self. _top Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self

еще сам не работал с этим , надеюсь мой ответ помог вам)

→ Ссылка
Автор решения: RTW

Вам либо использовать react-router-dom и его апи, или при переходе на другую страницу указывать в ссылке параметры "откуда вы пришли", что-то вроде: mysite/question1?previospage=quiz1

Параметры затем считываются и после ответа вы можете вернутся туда, откуда пришли (также указав в ссылке ответ).

Также можно использовать HOC - данные храним на "верхнем" общем родителе.

Вообще реализация вопросов/ответов отдельными страницами странное решение. Нельзя выбранный вопрос на эту же страницу загрузить что-ли?

→ Ссылка