Membuat Route dengan ReactJs

 Sebelumnya lakukan installasi library bootstrap4 dan route

npm install bootstrap

npm install react-router-dom

lalu untuk file setting seperti berikut

App.js :

import React from 'react';

import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom';

import 'bootstrap/dist/css/bootstrap.min.css';

import Home from './Home';

import About from './About';

import Contact from './Contact';

function App() {

return (

<Router>

<Routes>

<Route path="/" element={<Home />} />

<Route path="/about" element={<About />} />

<Route path="/contact" element={<Contact />} />

</Routes>

</Router>

);

}

export default App;

Home.js:

import React from 'react';

const Home = () => {

return (

<div className='container'>

<h2>Home Page</h2>

<p>Welcome to the home page!</p>

<a href="about">About</a>

</div>

);

};

export default Home;

About.js:

import React from 'react';

const About = () => {

return (

<div>

<h2>About Page</h2>

<p>Learn more about us here.</p>

</div>

);

};

export default About;

Contact.js:

import React from 'react';

const Contact = () => {

return (

<div>

<h2>Contact Page</h2>

<p>Get in touch with us.</p>

</div>

);

};

export default Contact;