React-router: How to create a pinterest style modal in React Router v4

[gabrielbull]

I was trying to make a modal like the pinterest modal (https://github.com/ReactTraining/react-router/tree/master/examples/pinterest) but felt short of any clever ideas on how to make them using v4.

Any one has successfully implemented one yet?

[timdorr]

You would put the modal flag in your location.state. That isn't transmitted to the URL, so it'll switch to undefined (a falsey) value when you refresh the page.

[ryanflorence]

this is an example i've intended to have, just fyi

[dakt]

I would really love to see this example. So far I always end up with unnecessary re-rendering and data fetching by using children prop in component.

[ghost]

@gabrielbull Can you please send me your final solution? I will be very grateful.

[kdenz]

A demonstration will be nice!

[zhirzh]

The example is now here

Please use canonical links