Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Installing React Router | Implementing React Router in a React App
React Router Essentials

bookInstalling React Router

Installation

To begin utilizing the React Router library, we first need to install it in our project using a package manager such as npm or yarn. Open the terminal in the project directory and execute the following command: Using npm:

npm install react-router-dom

Checking Installation

Now that we've installed the react-router-dom package, let's verify that it has been added to our project successfully. To do this, we'll examine the package.json file, which lists the project's dependencies.

By default, the dependencies object in package.json includes only the packages required for running and setting up a plain React project. It may look something like this:

"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

After adding the react-router-dom package, you should observe a modified dependencies object with the react-router-dom package included (as shown in line 7):

"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-router-dom": "^6.13.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},
question mark

Which package is necessary to install to use the React Router library?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 2

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 4.17

bookInstalling React Router

Stryg for at vise menuen

Installation

To begin utilizing the React Router library, we first need to install it in our project using a package manager such as npm or yarn. Open the terminal in the project directory and execute the following command: Using npm:

npm install react-router-dom

Checking Installation

Now that we've installed the react-router-dom package, let's verify that it has been added to our project successfully. To do this, we'll examine the package.json file, which lists the project's dependencies.

By default, the dependencies object in package.json includes only the packages required for running and setting up a plain React project. It may look something like this:

"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

After adding the react-router-dom package, you should observe a modified dependencies object with the react-router-dom package included (as shown in line 7):

"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-router-dom": "^6.13.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},
question mark

Which package is necessary to install to use the React Router library?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 2
some-alt