點擊不同性別的圖片

Question

如何使用 React Router 在 ReactJS 中點擊一個男裝或女裝圖像以開啟另一個頁面上的不同服裝產品？我在 Google 上進行了搜索，但一無所獲。

我正在使用地圖循環查看每種男士或女士服裝產品。

Answer 1

下面的範例也許可以幫助您解決問題：

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;