Routing with peramiter

 import React from 'react';

import { BrowserRouter, Switch, Route } from 'react-router-dom';

import './assets/css/bootstrap.css';

import './assets/css/custom.css';

import News from  './News';

import Team from  './Team';

import Newspost from  './Newspost';

import Newsdetail from  './Newsdetail';

import FileUploadForm from  './FileUploadForm';

import Error from  './Error';

function App() {

 

  return (

    <> 

    <BrowserRouter>

    <Switch>

      <Route exact path="/" component={News} ></Route>

      <Route path="/newsdetail/:id" component={Newsdetail} ></Route>

      <Route path="/team" component={Team} ></Route>

      <Route path="/newspost" component={Newspost} ></Route>

      <Route path="/fileUploadForm" component={FileUploadForm} ></Route>

      

      <Route component={Error} ></Route>

    

    </Switch>

    </BrowserRouter>

    

    </>

  );

}

export default App;

Use Links : -

<NavLink exact to={'/newsdetail/'+post.id} > </NavLink>