How to Close window programmatically

[rabashani]

This sentence isn't clear to me -
"To close the window programatically give the window a ref and use the closeWindow function."

can you share a simple example or usage? or refer to an example in the docs?

[martinnov92]

Hello,

try it like this:

<Popout
   url='popout.html'
   title='Window title'
   onClosing={this.popupClosed}
   ref={popup => this.popup = popup}
>
  <div>Popped out content!</div>
</Popout>

And then once you need to close it call it like this:
this.popup.closeWindow();

Hope it helps

[dragonfriend0013]

I am using this in a functional component, and this is not working. I am getting 'Cannot read property 'closeWindow' of undefined'

let popupRef;
...
<PopoutWindow
url={/saml/login?socketId=${id}}
title="Login"
ref={(popup) => popupRef = popup}
onClosing={closePopup}
/>
...
popupRef.closeWindow();

[sidharthancr]

I have reimplemented the react-popout with IE support and more flexible

https://www.npmjs.com/package/react-popout-v2