我正在編寫一個(gè)音樂播放器的應(yīng)用程序，但我遇到了障礙。我正在嘗試一種方法：?當(dāng)我將鼠標(biāo)懸停在一首歌曲上時(shí)，它會(huì)顯示一個(gè)“播放”按鈕來代替歌曲編號(hào)。?當(dāng)前播放的歌曲顯示一個(gè)“暫停”按鈕代替歌曲編號(hào)。?暫停的歌曲顯示“播放”按鈕代替歌曲編號(hào)。我想在此方法中使用 onMouseEnter 和 onMouseLeave 事件，但我不知道從哪里開始這是我的專輯組件import React, { Component } from 'react';import albumData from './../data/albums';class Album extends Component {    constructor(props) {          super(props);        const album = albumData.find( album => {          return album.slug === this.props.match.params.slug        });        this.state = {          album: album,            currentSong: album.songs[0],            isPlaying: false        };        this.audioElement = document.createElement('audio');        this.audioElement.src = album.songs[0].audioSrc;        }        play() {              this.audioElement.play();              this.setState({ isPlaying: true });            }        pause() {              this.audioElement.pause();              this.setState({ isPlaying: false });            }           setSong(song) {              this.audioElement.src = song.audioSrc;              this.setState({ currentSong: song });            }        handleSongClick(song) {              const isSameSong = this.state.currentSong === song;              if (this.state.isPlaying && isSameSong) {                   this.pause();                 } else {                   if (!isSameSong) { this.setSong(song); }                        this.play();                 }              }