Listing 12-7: Using the component attribute

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

function ComponentProp(props) {

    const OrderDetails = (props)=>{
        return (
            <h1>Details for order # {props.match.params.orderid}</h1>
        )
    }

    return (
          <>
            <Router>
                <Link to="/orders/4">Order #4</Link>
                <Route path="/orders/:orderid" component={OrderDetails} />
            </Router>
          </>
          
      );
}

export default ComponentProp;