javascript - ReactPlayer 想要设置播放但收到警告

Question

我尝试使用ReactPlayer播放视频并设置从状态播放并得到一些错误。

这是我的代码：

function App() {
  const [playing, setPlaying] = useState("true");

  return(
  <ReactPlayer
        playing={playing}
        url={myvideo}
        muted={muted}
        onEnded={playNext}
      />
)}

这是错误：

0.chunk.js:31274 警告：道具类型失败：提供给playing的类型无效道具，预期。stringReactPlayerboolean

有人可以向我解释为什么这是错误，以及如何解决它吗？

Answer 1

正如错误消息所述，它期望boolean但最初在您useState通过时"true"被视为string.

您需要使用booleantype 而不是string如下：

const [playing, setPlaying] = useState(true);

从官方文档中查看playingprop为：

playing：设置为true或false暂停或播放媒体