Реакция: Передача элемента DOM вместо id методу .play ()

Question

Я пытаюсь вызвать метод play () : который берет идентификатор узла, ищет его с помощью document.getElementById () и выполняет действие мультимедиа.

 client.join(null, 'default-channel', null, (uid) =>{
        //Stream object associated with your web cam is initalized
        let localStream = window.AgoraRTC.createStream({
            streamID: uid,
            audio:true,
            video:true,
            screen: false
        })

        //Associates the stream to the client
        localStream.init(() => {

            //Plays the localVideo
            localStream.play('me')
            //Publishes the stream to the channel
            client.publish(localStream, handleFail)
        },handleFail)
    },handleFail)

Теперь я пытаюсь запустить его в React.Этот блок записан в методе жизненного цикла componentDidMount ().

Передача идентификатора методу воспроизведения возвращает неопределенное значение.Не удается найти переданный идентификатор?

Возможно, можно обойти эту проблему, чтобы получить ссылку на div и перейти к методу play (), но он ожидает строку, которая должна быть идентификатором определенного div.

Есть ли обходной путь?