上下文更改时重新加载组件？ （反应）

Question

因此，我有一个运行良好的音频播放器，并且可以使用'useContext'捕获用户单击的任何歌曲。这将返回一个对象，而我只是将这些参数传递给播放器。我遇到的问题是，播放器在传递新歌曲/对象时不会重新加载/刷新。有什么想法我可以做到这一点吗？ （对React来说是新的...很明显的道歉）预先感谢！

function Center() {

  const [state, dispatch] = useStoreContext();
  // console.log("STATE TEST", state)

  const audioListTest = [
    {
      name: state.currentAlbum.title,
      singer: state.currentAlbum.title,
      cover:
        state.currentAlbum.art,
      musicSrc: () => {
        return Promise.resolve(
          `${state.currentAlbum.songs[0]}`
        )
      },
    },
  ]

  const options = {
    audioLists: audioListTest
    (more options here omitted for brevity)
 }


  return (

    <div style={{ backgroundColor: "#313131", height: "100vh" }}>
      <Search />
      <div id="centerDiv">
        <AlbumList />
      </div>
      <ReactJkMusicPlayer {...options} />
    </div>

  )
}

export default Center;