react-dom-router code example

Example 1: react-dom-router

npm install react-router-dom
//This will Install the react-router to the required folder

//Here is a Sample Code for React Router DOM

import React from "react";
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";

export default function App() {
  return (
    
      

        

        {/* A  looks through its children s and
            renders the first one that matches the current URL. */}
        
          
            
          
          
            
          
          
            
          
        
      
    
  );
}

Example 2: react router dom

npm install react-router-dom

Example 3: router in react-router-dom

npm install react-router-dom
import {BrowserRouter, Switch, Route, Link} from "react-router-dom"
import React from "react";
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";

export default function App() {
  return (
    
      

        

        {/* A  looks through its children s and
            renders the first one that matches the current URL. */}
        
          
            
          
          
            
          
          
            
          
        
      
    
  );
}

function Home() {
  return 
Home
;
}

function About() {
  return 
About
;
}

function Users() {
  return 
Users
;
}

Example 4: react router switch

ReactDOM.render((
       
         
         
         
       ),
       document.getElementById('root')
   );

Example 5: react-router-dom

import React from "react";
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";

export default function App() {
  return (
    
      

        

        {/* A  looks through its children s and
            renders the first one that matches the current URL. */}
        
          
            
          
          
            
          
          
            
          
        
      
    
  );
}

function Home() {
  return 
Home
;
}

function About() {
  return 
About
;
}

function Users() {
  return 
Users
;
}