如何重定向到图像上的不同页面单击 React

Question

我希望每当用户单击图像时，他们都会被重定向到包含有关所单击图像的信息的页面。我已尝试使用下面的代码实现它，但无济于事，因为 Url 更改但不重定向

  <div id="movie-card">
        <Router>
        <Link to="/Video"><img src={"https://image.tmdb.org/t/p/original/"+one.poster_path} alt={one.original_title}/></Link>
         <Routes>
             <Route path="/Video" element={<Video/>}/>
             <Route path="*" element={<Error/>}/>
         </Routes>
        </Router> 
        <div id="media_type">
        <h5>{one.original_title||one.original_name}</h5>
        <h6>{one.media_type}</h6>
        </div>
        <h6>{one.release_date||one.first_air_date}</h6>
        </div>

Answer 1

所以经过一番努力，我发现我必须像 index.js

中那样进行路由

ReactDOM.render(  
<React.StrictMode>
 <Router>
<Routes>
<Route path="/" element={<App />} />
<Route path="/Video" element={<Video/>} />
</Routes>
</Router>
</React.StrictMode>,
document.getElementById("root"))

如何重定向到图像上的不同页面单击 React

How to redirect to different page on image Click React

pageload

reactjs

react-router