React state components do not unmount / remount when stateTransition.reload(true) is called

[christopherthielen]

From @mentierd on April 11, 2018 21:6

When you call this.props.transition.router.stateService.reload(true), if the current state is a React component, the component is not "reloaded"; by that, I mean it does not unmount and remount the react component.

I've also tried the other approach of using transitionTo(..., null, {reload:true, notify:true}).

Maybe I'm missing something?

Copied from original issue: ui-router/react-hybrid#14

[christopherthielen]

No, you're not missing anything. This is a limitation of the react ui-view. I'm moving this issue to the react issue tracker.

[christopherthielen]

CC: @elboman

To be consistent with the other ui-router implementations, we should modify the ui-view so it unmounts/remounts the component when the state is exited/re-entered. If the user wants the component to remain mounted while parameter values change, they should use dynamic parameters.

We should also update @uirouter/core StateDeclaration and add a state-level dynamic flag to apply { dynamic: true } to all parameters for that state.