Routes is not passing subsequent child prop values to route handler using React.renderComponent

[Zenwolf]

I have the <Routes> component as my top-level React component. It has a custom child property, like this:

React.renderComponent(
      <Routes location="history">
        <Route handler={ MyApp }
               myProps={ myProps }>

          <Route name="foo"
                 path="/foo/:fooId"
                 handler={ Foo } />

          <Route name="bar"
                 path="/bar/:barId"
                 handler={ Bar } />
        </Route>
      </Routes>,
      document.getElementById('container')
    );

However, when subsequent external data changes, and I call React.renderComponent again with a new value for myProps, the MyApp only ever receives the very first myProps value, and never any updated value (debugged in MyApp#componentWillReceiveProps()). I am not sure why the value would not get passed through the router, but I can't find any other explanation after several hours of debugging.

[trevex]

Same problem here...

[ryanflorence]

The router is not designed to be called multiple times from React.renderComponent.

However, I believe the following work will get you what you need:

• Proposal: Replace AsyncState with getAsyncProps #261
• Proposal: Add props argument to willTransitionTo #319

tl;dr: we will give you a chance to determine the props for a route before we activate it. Its not the same as just rendering <Routes/> over and over, but I think it meets the same use-case.

Have a read through that stuff, if it doesn't look like it helps, please make some noise and I'll reopen this.

For now, you'll need some way to subscribe to that those data changes in your handlers to get the new data.