Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Question: How to destroy/teardown

See original GitHub issue

In a React environment, imagine this:

Component is mounted, xcomponent is then set up, iframe loaded, event listeners attached etc
The component is unmounted (because we no longer want to show the xcomponent)
Component is mounted again. Now we’re getting the error:

Request listener already exists for xcomponent_delegate_mystuff on domain * for specified window

I’m enclosing the xcomponent supplied react component in my own component so I can do stuff on componentWillUnmount, but how to tear down the correct way? I’ve searched the source code but didn’t find any obvious reasons.

Issue Analytics

State:
Created 6 years ago
Comments:14 (8 by maintainers)

Top GitHub Comments

1reaction

raphaelcostacommented, Apr 8, 2017

Yes, I didn’t get that. Thanks for clarifying that for me.

0reactions

bluepnumecommented, Apr 8, 2017

I guess I should clarify this in the docs.

let SomeXComponent = xcomponent.create() is analogous to React’s let SomeReactComponent = react.createClass() (which you’d normally only call once per component you want to create)
SomeXComponent.render() is analogous to calling SomeReactComponent.render() in React, or dropping a <SomeReactComponent /> into a jsx template during a render.

I’ll wait to make sure I’m not missing something about what you’re trying to do @emiloberg, otherwise I’ll close this issue.