React - コンポーネントが更新された後に実際のDOM要素を取得する方法

Question

私は、コンポーネントをレンダリングした後に関数を実行しようとしています。私はdocument.getElementById("myId")

と実際のDOM要素を取得する必要があります。この機能で

render: function(){ 
    return(
     <div id="myId"></div> 
    ) 
} 

だから私はcomponentDidUpdateで私の関数を実行しようとしたが、どうやら、ブラウザの前に実行されているi'ts私は「ので、私のdiv要素を「塗装」得点はnullです。

この問題の解決策はありますか？

Answer 1

componentDidUpdateメソッドが呼び出されたときにDOM要素が必ずしも描画されないという前提で、

window.requestAnimationFrameでこれを回避できます。

onNextFrame() { 
    var _this = this; 
    window.requestAnimationFrame(function() { 
    var domnode = _this.getDOMNode(); 
    if (domnode !== undefined) { 
     // set your attributes here 
     jwplayer(domnode).setup({ 
     "file": "http://example.com/myVideo.mp4", 
     "image": "http://example.com/myImage.png", 
     "height": 360, 
     "width": 640 
     }); 
    } 
    }); 
}, 
componentDidMount() { 
    this.onNextFrame(); 
}, 
componentDidUpdate() { 
    this.onNextFrame(); 
}