@@ -36,25 +36,27 @@ const App = () => (
36
36
// and make the location available to other components
37
37
// automatically
38
38
< BrowserRouter>
39
- < ul>
40
- {/* 3. Link to some paths with `Link` */ }
41
- < li>< Link to= " /" > Home< / Link>< / li>
42
- < li>< Link to= " /about" > About< / Link>< / li>
43
- < li>< Link to= " /topics" > Topics< / Link>< / li>
44
- < / ul>
45
-
46
- < hr/ >
47
-
48
- {/* 4. Render some `<Match/>` components.
49
- When the current location matches the `pattern`
50
- then the `component` will render.
51
- */ }
52
- < Match exactly pattern= " /" component= {Home} / >
53
- < Match pattern= " /about" component= {About} / >
54
- < Match pattern= " /topics" component= {Topics} / >
55
-
56
- {/* If none of those match, then a sibling `Miss` will render. */ }
57
- < Miss component= {NoMatch}/ >
39
+ < div>
40
+ < ul>
41
+ {/* 3. Link to some paths with `Link` */ }
42
+ < li>< Link to= " /" > Home< / Link>< / li>
43
+ < li>< Link to= " /about" > About< / Link>< / li>
44
+ < li>< Link to= " /topics" > Topics< / Link>< / li>
45
+ < / ul>
46
+
47
+ < hr/ >
48
+
49
+ {/* 4. Render some `<Match/>` components.
50
+ When the current location matches the `pattern`
51
+ then the `component` will render.
52
+ */ }
53
+ < Match exactly pattern= " /" component= {Home} / >
54
+ < Match pattern= " /about" component= {About} / >
55
+ < Match pattern= " /topics" component= {Topics} / >
56
+
57
+ {/* If none of those match, then a sibling `Miss` will render. */ }
58
+ < Miss component= {NoMatch}/ >
59
+ < / div>
58
60
< / BrowserRouter>
59
61
)
60
62
0 commit comments