如何在关闭模式时停止React播放器的播放？

import React, { useState } from 'react';

function Player() {
  const [isPlaying, setIsPlaying] = useState(true);

  // 其他代码...

  return (
    <div>
      {/* 播放器组件 */}
    </div>
  );
}

export default Player;

function Player() {
  const [isPlaying, setIsPlaying] = useState(true);

  const handleStop = () => {
    setIsPlaying(false);
  };

  // 其他代码...

  return (
    <div>
      {/* 播放器组件 */}
      <button onClick={handleStop}>关闭</button>
    </div>
  );
}

function Player() {
  const [isPlaying, setIsPlaying] = useState(true);

  const handleStop = () => {
    setIsPlaying(false);
  };

  // 其他代码...

  return (
    <div>
      {isPlaying && (
        {/* 播放器组件 */}
      )}
      <button onClick={handleStop}>关闭</button>
    </div>
  );
}