Reactjs unity webglと組み合わせるとエラーが発生する

Question

私は少しばかり新しく、ここにスレッドを作成するのは初めてのことなので多分私は愚かな質問をしています。

私はリアクションを使用してウェブサイトを作成しています。このウェブサイトの一部には、単一性を使用するゲームがあります。 私は問題があります。私はこのWebアプリケーションに対して反応を使用しています。これは、反応によって反応が再読み込みされるときにエラーを引き起こします。

通常、unityloader.jsファイルによって1回だけ読み込まれます。しかし道は、私は自分のアプリケーションのセットアップを反応させてきた特定のcompentは、コードのこの部分をロードされると反応するたびに

componentWillMount() { 
     const script = document.createElement("script"); 
     script.src = "Release/UnityLoader.js"; 
     script.async = true; 
     document.body.appendChild(script); 
    } 

をロードするために団結を引き起こし私が初めてこのロードすべてが正常に動作しますが、私は含まれているページを再訪するときこのunitywebglのcompenent、団結がクラッシュし、私は次のエラーを取得します。

Uncaught TypeError: Cannot read property 'apply' of undefined 
    at Object.dynCall (blob:http://localhost:8000/11f3d503-5e8a-473e-851f-2373f9cb5de6:1) 
    at Object.handlerFunc (blob:http://localhost:8000/11f3d503-5e8a-473e-851f-2373f9cb5de6:1) 
    at jsEventHandler (blob:http://localhost:8000/11f3d503-5e8a-473e-851f-2373f9cb5de6:1) 

多分私は何か間違っていると私は団結を初期化するいくつかの奇妙な方法を使用しています。しかし、このWebアプリケーションでは、しばしば単一性を初期化して再読み込みすることが重要です。 unityloader.jsにキャンバスをつけて手動でリロードするか、間違った方向に向かうようにするための関数がありますか？

Answer 1

ReactJSアプリケーションでUnityコンテンツを追加するためにを作成しました。基本的な実装は次のようになります。

import React from 'react'; 
import Unity from 'react-unity-webgl'; 

export class App extends React.Component { 
    render() { 
     return <Unity 
      src='Build/myGame.json' 
      loader='Build/UnityLoader.js' /> 
    } 
}