2017-07-07 9 views
0
const Component = require('../Component') 

class PlayerComponent extends Component { 
    constructor(uid, username){ 
     super('PlayerComponent'); 
     this.username = username; 
     this.uid = uid; 
    } 
} 

module.exports = PlayerComponent; 

これは共有フォルダと呼ばれ、サーバーとクライアントで使いたいと思っていますが、今はサーバー上で問題なく動作していますが、共有フォルダ全体を透明にする方法を理解できないようですそれをクライアント上で使用することもできます。どのように私はこのjavascriptクラスを反応できるものに変換できますか?

+0

さらに詳しい情報を提供する必要があります。サーバー上で使用しているこのComponentクラスは何ですか?それは、React、または別のシステムの一部とは関係がありますか? Reactでは、サーバーとクライアントの両方でUIコンポーネントのReact.Componentクラスのみを使用します。値オブジェクトのような他の目的のためのクラスの使用は実際にはベストプラクティスのReactの一部ではありません。 – WildService

+0

反応コンポーネントではなく、ゲームエンジン用です。私はちょうどフロントエンドで、必ずしも反応コンポーネントとして共有コードを使用しようとしていますが、私は反応コードでコンポーネントにアクセスできるように反応インポートを使用できるようにしたいと思います。 – joe

+0

フロントエンド環境が正しく設定されている場合は、通常は共有フォルダからインポートするだけで済みます。例えば。 '../../共有/ PlayerComponent''からPlayerComponentをインポートします。 Reactでは、これらのクラスベースの値オブジェクトをUIコンポーネントや状態/データ管理コードで使用しないので、限られたユーティリティしか見つけられないことに注意してください。さもなければ、バックエンド/フロントエンド間でコードを共有することは良いアイデアです:サムズアップ: – WildService

答えて

-1

クライアントのReact.Componentから継承する必要があります。

関連する問題