React：将DOM元素而不是id传递给.play（）方法

Question

我正在尝试调用 play（）方法：该方法获取节点的ID，使用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（）生命周期方法编写。

将id传递给play方法返回未定义。 找不到传递的ID？

一种可能的解决方法是获取div的引用并传递给play（）方法，但是它期望一个字符串，该字符串必须是特定div的ID。

有什么解决方法吗？