react router how to link to page code example
Example 1: how to add links in react js
import React from 'react';
import { Link } from 'react-router';
class List extends React.Component {
render() {
return (
<div>
<p>Please choose a repository from the list below.</p>
<ul>
<li><Link to="/react">React</Link></li>
</ul>
</div>
);
}
}
export default List;
Example 2: Link react router
<Link to="/about">About</Link>
Example 3: react link to another page
import { Link } from 'react-router-dom';
classAppextendsComponent {
render() {
return (
<div class="container">
<nav>
<Link to="/">Home</Link>
<Link to="/dashboard">Dashboard</Link>
</nav>
<Route
path="/"
component={HomeComponent}
exact
/>
<Route
path="/dashboard"
component={DashboardComponent}
/>
</div>
);
}
}