w7d4 - react router

Question 1

What props can you pass into a Route?

Answer 1

path
component
exact

Question 2

What’s the purpose of a Route?

Answer 2

A Route is used to wrap another component, causing that component to only be rendered if a certain URL is matched.

Question 3

What does the exact prop do when passed in to Route?

Answer 3

The component will only render if that route and that route exactly matches (no params in the url, no variance from the path prop period).

Question 4

What’s the parent router component called?

Answer 4

HashRouter

Question 5

What are child route components called?

Answer 5

Router

Question 6

What props does a Router pass to its child component?

Answer 6

location
match
history

Question 7

What keys does the match prop contain?

Answer 7

isExact
url
path
params

Question 8

What methods does the history prop contain? What do they do?

Answer 8

push - adds a new URL to the end of the history stack

replace - replaces the current URL on the history stack, so the back button won’t take you to it.

Question 9

From within a Routeful component, how do we get user_id from the path?

Answer 9

this.props.match.params.userId

Question 10

How do you use a Link component?

Answer 10

<link></link>

Users</Users>

Question 11

Optional prop to pass to Link?

Answer 11

onClick

Question 12

Difference between a NavLink and regular Link?

Answer 12

logic that automatically chooses a secondary activeClassName CSS class when its route is active.

Question 13

How do you select one Route out of many to render when many Routes match the same path?

Answer 13

Wrap the routes in a Switch. First one that matches will be rendered.

Question 14

What’s the value of using a Switch?

Answer 14

It will select one Route out of many to render when many Routes match the same path.

Question 15

How do we redirect a user?

Answer 15

Redirect component

use the to=”/new_url” prop