import React from "react";
import {
BrowserRouter as Router,
Switch,
Route,
Link,
useRouteMatch,
useParams
} from "react-router-dom";
export default function App() {
return (
Home
About
Topics
);
}
function Home() {
return
Home
;
}
function About() {
return
About
;
}
function Topics() {
let match = useRouteMatch();
return (
Topics
Components
Props v. State
{/* The Topics page has its own with more routes
that build on the /topics URL path. You can think of the
2nd here as an "index" page for all topics, or
the page that is shown when no topic is selected */}
Please select a topic.
);
}
function Topic() {
let { topicId } = useParams();
return
Requested topic ID: {topicId}
;
}
Example 3: route react
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
$ npm install --save react-router
Example 5: router react
npm install -g create-react-app
create-react-app demo-app
cd demo-app