The following questions will cement your knowledge of what you have just learned about in this chapter:

1. We have the following routes defined:

<BrowserRouter>
  <Route path="/" component={HomePage} />
  <Route path="/search" component={SearchPage} />
</BrowserRouter>

Answer the following questions:

• What component(s) will be rendered when the / location is entered in the browser?
• What about when the /search location is entered in the browser?

2. We have the following routes defined:

<BrowserRouter>
  <Switch>
    <Route path="/" component={HomePage} />
    <Route path="/search" component={SearchPage} />
  </Switch>
</BrowserRouter>

Answer the following questions:

• What component(s) will be rendered when the / location is entered in the browser?
• What about when the /search location is entered in the browser?

3. We have the following routes defined:

<BrowserRouter>
  <Switch>
    <Route path="/search" component={SearchPage} />
    <Route path="/" component={HomePage} />
  </Switch>
</BrowserRouter>

Answer the following questions:

• What component(s) will be rendered when the / location is entered in the browser?
• What about when the /search location is entered in the browser?

4. In our Q&A app, we want a /login path to navigate to the sign-in page, as well as the /signin path. How can we implement this?
5. We have the following routes defined:

<BrowserRouter>
  <Switch>
    <Route path="/search" component={SearchPage} />
    <Route path="/" component={HomePage} />
    <Route component={NotFoundPage} />
  </Switch>
</BrowserRouter>

What component(s) will be rendered when the /signin location is entered in the browser?

6. We have the following routes defined:

<BrowserRouter>
  <Switch>
    <Route path="/" component={HomePage} />
    <Route path="/search" component={SearchPage} />
    <Route component={NotFoundPage} />
  </Switch>
</BrowserRouter>

With the preceding implementation, when a user navigates to the /search path or an invalid path such as /unknown, the HomePage component is rendered.

How can we change the code to render HomePage when only the / path is entered in the browser?

7. We have the following route defined:

<Route path="/users/:userId" component={UserPage} />

How can we reference the userId route parameter in the UserPage component?