小编TJK*_*TJK的帖子

我大约两周时间开始学习 React 和我的第一个 SPA。我喜欢 react 并且能够解决我的许多问题，但是我在制作的这个 MusicPlayer 组件上遇到了两个问题。

一是当我更改 html 音频元素中的 src 时，即使 src 路径确实更改，实际音频也不会更改。我可以在开发工具中看到它发生。单击按钮时，我可以看到 src 更改，但正在播放的音频没有更改。如果音轨完成，则不会加载下一个音轨。无论 src 是什么，我听到的音频总是轨道 1。

我的另一个问题是 songBuilder() 返回未定义。我在我的语法中找不到任何错误，尽管它们必须存在。我使用 create-react-app 作为我的样板，因为我对 webpack 一无所知。我的地图问题是我对 JS 的理解有缺陷还是捆绑/构建发生了奇怪的事情？如果需要更多信息来回答这个问题，请告诉我。谢谢！

import React, { Component } from "react";

const songRepo = [
  {
    title: "The Silver Swan",
    songLength: "0:13",
    path: require("./songs/thesilverswan.mp3")
  },
  {
    title: "Miracle Cure",
    songLength: "0:12",
    path: require("./songs/miraclecure.mp3")
  },
  {
    title: "Miracle Cure",
    songLength: "0:12",
    path: require("./songs/miraclecure.mp3")
  },
  {
    title: "Miracle Cure",
    songLength: "0:12",
    path: require("./songs/miraclecure.mp3")
  }
];

export default …