Logging mountComponent and unmountComponent reveals:
MOUNT .0 (WrapperComponent)
MOUNT .0 (MockComponent)
MOUNT .0 (span)
UNMOUNT .0 (span)
UNMOUNT .0 (MockComponent)
MOUNT .0 (MockComponent)
MOUNT .0 (span)
Which doesn't make sense (to me at least).
var container = document.createElement('div');
var MockComponent = React.createClass({
render: function() {
return <span />;
}
});
var WrapperComponent = React.createClass({
render: function() {
return this.props.children || <MockComponent />;
}
});
React.renderComponent(<WrapperComponent />, container);
React.renderComponent(
<WrapperComponent><MockComponent /></WrapperComponent>,
container
);
Logging
mountComponentandunmountComponentreveals:Which doesn't make sense (to me at least).