[노마더 코드] 7.0.2 마이그레이션

//App.js
import {
    BrowserRouter as Router,
    Routes, Route
} from 'react-router-dom'
import Home from "./routes/Home";
import Detail from "./routes/Detail";

function App() {
    return <Router>
        <Routes>
             <Route path="/movie" element={<Detail />} />
             <Route path="/" element={<Home />} />
             <Route path="/hello" element={<h1> Hello </h1>} />
        </Routes>
    </Router>;
}

export default App;

//Movie.js
import PropTypes from "prop-types";
import {Link} from "react-router-dom";

function Movie({medium_cover_image, title, summary, genres}) {
    return <div>
        <img src={medium_cover_image} alt={title}/>
        <h2><Link to="/movie">{title}</Link></h2>
        <p>{summary}</p>
        <ul>
            {genres.map(genre =>
                <li key={genre}>{genre}</li>
            )}
        </ul>
    </div>;
}

Movie.propTypes = {
    coverImg: PropTypes.string.isRequired,
    title: PropTypes.string.isRequired,
    summary: PropTypes.string.isRequired,
    genres: PropTypes.arrayOf(PropTypes.string).isRequired
}
export default Movie;