Force Component remount when reloading the State

[elboman]

In order to force a re-mount of the component, it creates a timestamp when the viewConfig is updated, and uses it as key prop for the component.

React forces the component to remount whenever the key props changes.

[christopherthielen]

This use of key is really simple and pretty clever. If it ever causes problems, we can always switch to a mechanism which creates a new functional component when the view config is updated. Something like:

    this.uiViewData.config = newConfig;
    let props = { ...resolves, transition: trans };

    const RoutedComponent = newConfig && newConfig.viewDecl && newConfig.viewDecl.component;
    const newComponent = RoutedComponent ? (props) => <RoutedComponent {...props }/> : null;

    this.setState({
      component: newComponent || 'div',
      props: newComponent ? props : {},
      loaded: !!newComponent,
    });