Tengo un fragmento de código como tal:
function VideoRender() { const pRef = React.useRef() return incData.map((el, i) => { return ( <div key={i}> <video ref={pRef} autoPlay></video> </div> ) }) } Quiero configurar mediaStream en la etiqueta de video directamente en la función de map , pero aparentemente me encuentro con errores. ¿Cuál es la forma correcta de renderizar <video> y cambiar el mediaStream a través de srcObject en React?
ref tiene una devolución de llamada para que pueda hacer algo como esto.
return ( <video autoPlay key={index} muted ref={(ref) => { if (ref) ref.srcObject = remoteStream; }} /> );