/Javascript/React/How to make react router Link active

How to make react router Link active

const Router = () => (
  <BrowserRouter>
    <div>
      <Nav>
        <NavLink exact={true} activeClassName='is-active' to='/'>Home</NavLink>
        <NavLink activeClassName='is-active' to='/about'>About</NavLink>
      </Nav>

      <Match pattern='/' exactly component={Home} />
      <Match pattern='/about' exactly component={About} />
      <Miss component={NoMatch} />
    </div>
  </BrowserRouter>
)

Source: stackoverflow.com

Similar codes

0 vote223 views1 answer
React-scripts test single file
Javascript React
16 votes228 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
0 vote217 views1 answer
React index.js file
Javascript React
0 vote216 views1 answer
Create app with a specific react version
Javascript React
5 votes206 views1 answer
How to create a component in react native
Javascript React
0 vote220 views1 answer
React-data-table-component cell action
Javascript React
25 votes214 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
32 votes203 views1 answer
How to use react router
Javascript React
105 votes214 views1 answer
React web app create
Javascript React
1 vote227 views1 answer
React native slow performance after load iamges
Javascript React