I have a backbone application, where i am trying to integrate React ponents.

React ponent is mounted using following code : ReactDOM.render( <WrappedComponent />, node ); where node is the DOM mode. This way React lifecycle events like ponentWillMount and ponentDidMount are getting called fine.

But when routing happen through Backbone routing, and React ponent getting removed from DOM, ponentWillUnmount is not invoked.

Any solutions ?

I have a backbone application, where i am trying to integrate React ponents.

React ponent is mounted using following code : ReactDOM.render( <WrappedComponent />, node ); where node is the DOM mode. This way React lifecycle events like ponentWillMount and ponentDidMount are getting called fine.

But when routing happen through Backbone routing, and React ponent getting removed from DOM, ponentWillUnmount is not invoked.

Any solutions ?

• javascript
• backbone.js
• reactjs

1 Answer 1

ponentWillUnmount does not get called automatically when the container node gets removed. It only gets called:

1. At the top level, when you call ReactDOM.unmountComponentAtNode
2. As child ponents, when the parent unmounts the ponent