html - TypeError:current.play不是React中的函数

Question

我正在尝试播放音频onClick来使用react，但是出现错误，我确实检查了裁判，
这是音频元素，我不知道怎么了，任何帮助将不胜感激。

import React, { useRef } from "react";


function App() {
  const audio = useRef(null);
  const playAudio = () => {
    let current = audio;
    console.log(current);
    current.play();
  };
  return (
    <div id="drum-machine">
      <div id="display" onClick={playAudio}>
        display
      </div>
      <div>
        
        <audio
          controls
          src="/media/cc0-audio/t-rex-roar.mp3"
          ref={audio}
          autoPlay
        >
          Your browser does not support the
          <code>audio</code> element.
        </audio>
      </div>
      
    </div>
  );
}

export default App;

Answer 1

current是您的引用的属性。你需要做

const playAudio = () => {
    console.log(audio.current);
    audio.current.play();
  };