Skip to content

Commit 8750b6d

Browse files
olegafxtimdorr
authored andcommitted
Add Router content wrapper (#3849)
Solves #3837 problem
1 parent 4ad81b4 commit 8750b6d

File tree

1 file changed

+21
-19
lines changed

1 file changed

+21
-19
lines changed

website/pages/quick-start.md

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -36,25 +36,27 @@ const App = () => (
3636
// and make the location available to other components
3737
// automatically
3838
<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>
5860
</BrowserRouter>
5961
)
6062

0 commit comments

Comments
 (0)