Estamos abriendo una nueva pestaña de ventana que contiene la lista de usuarios basada en el ID de usuario seleccionado de una lista. Abro la nueva ventana así:
this.props.getVisitDetails(this.props.userId) var win = window.open('./requisition','_blank'); win.onload = function() { this.document.title = windowTittle; } win.focus(); this.state.oldWindow.push(win); Aquí obtengo el userId de usuario de la tienda Redux. El problema es que si abro más de una pestaña de ventana, el ID de userId en cada pestaña de ventana tendrá el mismo userId de usuario y cuando haga clic en Actualizar, todas las pestañas de ventana tendrán los mismos datos. Entonces, mi pregunta es ¿cómo puedo mantener un estado separado para cada pestaña de ventana?
Nota: todas las pestañas del navegador comparten el mismo estado almacenado que guardamos usando el método createstore, por lo que en mi caso, el ID de visita se actualizará en cada clic en la fila que abrirá la nueva pestaña del navegador. Así se "comparten" los datos
Su tienda no se comparte en varias pestañas, por lo que cada vez que abre una nueva pestaña, toda su aplicación se carga nuevamente junto con la inicialización de la nueva tienda. Entonces, en su caso, la solución simple será abrir una nueva pestaña con la URL que contiene el ID de usuario como parámetro de consulta (window.open('./requisition?userId=${userId}','_blank');) . De modo que podrá mantener un ID de usuario separado en diferentes pestañas del navegador.