How to open props.history.push() in a new window with a state

Asked Mar 16 '20 at 04:53

Active Mar 16 '20 at 04:53

Viewed 1,093 times

I want to open my Form Builder preview in a new window on button click.

I used the local storage method. I mean I stored the state in local storage then push to the new route and retrieve it. But I am not convinced about the method.

Currently, my props.history.push() is like this

props.history.push({
  pathname: '/client/response',
  state: 'My Data objects are passed here',
})

What I want is, when I execute this line. it should open my next route in a new tab. I can't use Link from react-router-dom. Because the state I am passing needs some preparation.

If it opens in a new window no problem at all.

asked Mar 16 '20 at 04:53

moshfiqrony

4,303
2
20
29

1

As far as I know, you can't since each tab is isolated from another. When a new tab is opened, that tab is a new instance of the app. Local Storage or an API can share / display it on the new tab. – SILENT Mar 16 '20 at 05:12
Thank you so much. I am just curious is there any way for it. Or is there anyone who has solved this problem – moshfiqrony Mar 16 '20 at 06:57
Aren't you already using Local Storage to solve this issue? – SILENT Mar 16 '20 at 08:19
Yes I am, but I wanted to know is there any other way – moshfiqrony Mar 16 '20 at 15:37
Another option is to save state to your server – SILENT Mar 17 '20 at 01:19

How to open props.history.push() in a new window with a state

0 Answers0