Moving from react router 3.x to 4.x

Question

How can I move to using https://cdnjs.cloudflare.com/ajax/libs/react-router/4.0.0-2/react-router.min.js from using https://cdnjs.cloudflare.com/ajax/libs/

Answer 1

There should be an upgrade guide closer to full release. I adapted your code for the upcoming beta instead of the current alpha. The beta has not been released yet, so unfortunately there is no hosted version of React Router that you will be able to test this out with.

let { BrowserRouter, Switch, Redirect, Route, Link } = ReactRouter;

const Main = () =>
  
    
      
        
        
        
        
        
      
    
  

const App = props => 
  

    
      Map
      Settings
      Foo
    

    {props.children}

  

const Navigation = props => 

const Home = () => 
Home
const Map = () => 
Map
const Settings = () => 
Settings
const Foo = () => 
const NotFound = (props) => 
404 - Not Found

ReactDOM.render(
, document.body);