Reactjsでフルスクリーンを終了

Question

私は、html5 FullScreen API（RequestFullScreen）を使用してフルスクリーンで表示する要素を含む反応コンポーネントを持っています。例えば

、

handleFullScreenClick() { 
 
    if (this.refs.myElement.requestFullscreen) { 
 
     this.refs.myElement.requestFullscreen(); 
 
    } else if (this.refs.myElement.mozRequestFullScreen) { 
 
     this.refs.myElement.mozRequestFullScreen(); 
 
    } else if (this.refs.myElement.webkitRequestFullscreen) { 
 
     this.refs.myElement.webkitRequestFullscreen(); 
 
    } 
 
    }

は今、私はボタンが例えば押されたときにフルスクリーンを終了できるようにしたいです。フルスクリーンAPIを検索したとき、ExitFullScreen関数は、レスポンスコンポーネントからアクセスできないドキュメント要素によって呼び出されなければならないことがわかりました。

ExitFullScreen関数を呼び出すために、反応コンポーネント内のドキュメント要素にアクセスする方法はありますか？

おかげでたくさん:)

Answer 1

反応するコンポーネント

にアクセスすることはできません文書要素は、このことを言ったか分からないが、それは（もdocumentではない真実ではありません要素）。 Documentインターフェイスは、グローバルオブジェクトdocumentで表され、JSコードの任意の部分で使用できます。だからあなたはただそれを直接使用することができます：

handleExitFullScreenClick() { 
    document.webkitExitFullscreen() 
}