使用React在HTML5视频上更新源URL

使用React在HTML5视频上更新源URL

短篷：

key

在

<Clip>

或上添加道具

<video>

，例如：

function Clip({ url }) {  return (    <video key={url}>      <source src={url} />    </video>  );}

---

长遮篷：
视频不会改变，因为从本质上讲，您只是在修改

<source>

元素，而React知道

<video>

应该保持不变，因此不会在DOM上对其进行更新，也不会触发

load

该源的新事件。

为了确保不仅

<source>

得到更新，还要确保对其进行更新

<video>

，

key

以便React理解这是一个全新的元素。

有关更完整的说明，请查看有关React docs上的键的本文：）