-
Notifications
You must be signed in to change notification settings - Fork 102
Expand file tree
/
Copy pathTopics.js
More file actions
37 lines (35 loc) · 1.25 KB
/
Topics.js
File metadata and controls
37 lines (35 loc) · 1.25 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import React from "react";
import { Route, Link } from "react-router-dom";
import Topic from "../components/Topic";
const Topics = ({ match }) => {
return (
<div title="topics">
<h1>Topics Page</h1>
<div>
<h2>Topics</h2>
<ul>
<li>
<Link to={`${match.url}/rendering`}>Rendering with React</Link>
</li>
<li>
<Link to={`${match.url}/components`}>Components</Link>
</li>
<li>
<Link to={`${match.url}/props-v-state`}>Props v. State</Link>
</li>
<li>
<Link to={`${match.url}/rendering1`}>Rendering with React</Link>
</li>
<li>
<Link to={`${match.url}/components1`}>Components</Link>
</li>
<li>
<Link to={`${match.url}/props-v-state1`}>Props v. State</Link>
</li>
</ul>
<Route path={`${match.path}/:topicId`} component={Topic} />
</div>
</div>
);
};
export default Topics;