状态对象值不会更新

问：

我尝试使用 react 创建电影名称的下拉菜单。 每当下拉菜单选择发生更改时，都应通过将值与“movies”数组状态中的对象 ID 进行比较来更新“currentMovie”状态的值

这是我的代码：

import { useState } from 'react';
import MovieComp from './Movie';

function ParentComp(props) {
  
const [movies, setMovies] = useState( [ { id : 1 , name : "Under the Dome", pic :
      "https://static.tvmaze.com/uploads/images/medium_portrait/81/202627.jpg" },
      { id : 2 , name : "Person of Interest", pic :
      "https://static.tvmaze.com/uploads/images/medium_portrait/163/407679.jpg" },
      { id : 3 , name : "Bitten", pic :
      "https://static.tvmaze.com/uploads/images/medium_portrait/0/15.jpg" } ] )

  const [currentMovie, setCurrentMovie] = useState( {id : "" , name : "", pic : "" } )

  function createDropMenu() {
    return movies.map( item => {
      return <option key={item.id} value={item.id} > {item.name} </option>
    } )
  }

  function updateMovie(e) {
    if (e.target.value === 0) {
      console.log("test")
      let selectedMovie = {id : "" , name : "", pic : "" };
      let selectedMovieEntries = Object.entries(selectedMovie);
      selectedMovieEntries.map( entry => {
        setCurrentMovie( prev => ( {...prev, [ entry[0] ]: entry[1] } ) );
      })
      
    } else {
      console.log("test")
      let selectedMovie = movies.find( item => item.id === e.target.value );
      let selectedMovieCopy = {};
      selectedMovieCopy = {...selectedMovie};
      let selectedMovieEntries = Object.entries(selectedMovieCopy);
      selectedMovieEntries.map( entry => {
        setCurrentMovie( prev => ( {...prev, [ entry[0] ]: entry[1] } ) );
      }) 
    }
  }

  return (
    <div  >
      <h3> Pick a movie: </h3> 
      <select onChange={updateMovie}>
        <option value={0} ></option>
        {createDropMenu()}
      </select> <br/>

      <MovieComp name = {currentMovie.name} pic = {currentMovie.pic} /> 
    </div>
  );
}

export default ParentComp;

由于某种原因，在更改选择时，currentMovie 状态不会更改其值 我错过了什么？