Klik pada gambar berlainan jantina

Question

Bagaimana untuk mengklik pada imej pakaian lelaki atau wanita untuk membuka produk pakaian lain pada halaman lain dalam ReactJS menggunakan Penghala React? Saya mencari di Google dan tidak menemui apa-apa.

Saya menggunakan peta untuk mengimbas setiap produk pakaian lelaki atau wanita.

Answer 1

Contoh berikut boleh membantu anda menyelesaikan masalah:

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

const App = () => {
  return (
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/mens-clothing">Men's Clothing</Link>
            </li>
            <li>
              <Link to="/womens-clothing">Women's Clothing</Link>
            </li>
          </ul>
        </nav>

        <Route path="/mens-clothing" component={MenClothingPage} />
        <Route path="/womens-clothing" component={WomenClothingPage} />
      </div>
    </Router>
  );
};

export default App;