如何设置srcObject在React中的视频标签，而渲染?

Question

我有这样一段代码:

function VideoRender() {
const pRef = React.useRef()
return incData.map((el, i) => {
return (
<div key={i}>
<video ref={pRef} autoPlay></video>
</div>
)
})
}

我想在map功能中将mediaStream设置为视频标签，但显然我遇到了错误。在React中渲染<video>和通过srcObject改变mediaStream的正确方法是什么?

Answer 1

ref有一个回调，所以你可以这样做。

return (
<video
autoPlay
key={index}
muted
ref={(ref) => {
if (ref) ref.srcObject = remoteStream;
}}
/>
);