React router - Update URL hash without re-rendering page

Question

Using react-router I\'m looking for a way to update the page URL / hash, without the router re-rendering the whole page.

I am developing a full page carousel, and wo

Answer 1

1.0

react-router no longer sets a key on your routes. If you do need to set a key from a route handler, put it on a surrounding element.

return (
  

    {this.props.children}
  
);

0.13

It's now , but this is also no longer really needed due to changes in react-router. See the changelog for more details.

0.12

Currently, react-router sets a key on your handler based on the current route. When react does its diff, and notices a different key, it throws out the entire subtree both in virtual and real dom, and rerenders.

To prevent this, you can override react-router's key when using activeRouteHandler()

this.props.activeRouteHandler({key: "anything"})