Как передать объект в качестве реквизита к предыдущему компоненту реакции при переходе назад с помощью кнопки браузера назад (реагировать, реагировать на маршрутизатор)

Question

Я использую реагирующий маршрутизатор для навигации в моем приложении.

Для передачи некоторых данных из текущего компонента в другой компонент при навигации по Link мы используем:

this.props.history.push('/other-page', { id: 7, color: 'green', .... }))

Как передать данные (объект) в предыдущий компонент из текущего компонента, когда кнопка возврата браузера нажата ?

PS : Я видел некоторые решения, где предлагается передавать некоторые данные с помощью строки запроса но я не хочу его использовать, потому что мне нужно передать большой объект со многими свойствами.

Так это возможно с реакции-роутером? Я хотел бы сделать это с состоянием во внешнем компоненте или использовать хранилище Redux для общих данных?

Спасибо.

Answer 1

Будет лучше использовать хранилище, например, редуктор, если некоторые данные могут использоваться в разных компонентах. Это намного лучше, чем передавать данные через параметры запроса или обратные вызовы. Вы можете использовать react-redux или перейти от компонентов класса к функциональным и использовать useReducer hook.

Если вам нужен пример, пожалуйста, дайте мне знать.