Cliquez sur les photos de genres différents

Question

Comment cliquer sur l'image d'un vêtement pour homme ou pour femme pour ouvrir un produit vestimentaire différent sur une autre page dans ReactJS à l'aide de React Router ? J'ai cherché sur Google et je n'ai rien trouvé.

J'utilise la carte pour parcourir tous les produits vestimentaires pour hommes ou femmes.

Answer 1

L'exemple suivant peut vous aider à résoudre le problème :

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;