Error Menggunakan React Router Dom

import React, { Component } from 'react';
import {BrowserRouter, Route, Link} from 'react-router-dom';
import './App.css';

function Home() {
    return <h2> Halaman Home </h2>
}

function ListView() {
    return <h2> Semua User </h2>
}

class App extends Component {
    render() {
        return (
            <BrowserRouter>
                <div>
                    <nav>
                        <li> <Link to={'/'}> Home </Link> </li>
                        <li> <Link to={'/users'}> User </Link> </li>
                    </nav>

                    <main>
                        <Route path='/' exact component={Home} />
                        <Route path='/users' exact component={ListView} />
                    </main>
                </div>
            </BrowserRouter>
        );
    }
}

export default App;

Capture1.PNG

avatar ahmadsirojuddinkamil
@ahmadsirojuddinkamil

8 Kontribusi 1 Poin

Diperbarui 2 tahun yang lalu

1 Jawaban:

<div>Di dalam BrowserRouter harus dibungkus lagi pake &lt;Routes&gt;, ini behavior baru untuk react router dom v6&nbsp;<a href="https://reactrouter.com/docs/en/v6/getting-started/overview">https://reactrouter.com/docs/en/v6/getting-started/overview</a></div>

avatar rezananda_google
@rezananda_google

1 Kontribusi 0 Poin

Dipost 2 tahun yang lalu

Tanggapan

oke berhasil, terima kasih :)

Login untuk ikut Jawaban