Adding React Router in React
You need to install React Router to use it in your project. We are going to build the navigation features for the Bizza project to connect different components. The navigation tabs will consist of the home, about, speakers, events, sponsors, and contact pages. Let’s start coding by entering this command in the project directory’s Terminal:
npm install react-router-dom@latest
Once we have the package installed in the root directory of our project, we can create the home, about, speakers, news, and contact pages components.
Now, we will add content to each of these components:
- Inside
src/pages/HomePage/HomePage.js
, add the following code snippet:import React from 'react';const HomePage = () => { return <div> Home page </div>;};export default HomePage;
- Inside
src/pages/AboutPage/AboutPage.js
, add the following:import React from 'react';const AboutPage = () => {...