如何將這個JavaScript類轉換爲可以使用的東西？

const Component = require('../Component') 

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

module.exports = PlayerComponent;

這是在一個名爲共享的文件夾，我想在服務器和客戶端上使用，現在它在服務器上工作正常，但我似乎無法弄清楚如何transpile整個共享文件夾，所以我也可以在客戶端上使用它。如何將這個JavaScript類轉換爲可以使用的東西？

來源

2017-07-07 joe

您需要提供更多背景信息。你在服務器上使用的這個Component類是什麼？這與React有什麼關係，或者是不同系統的一部分？通常使用React，您只能在服務器和客戶端上使用UI組件的React.Component類。用於其他用途的類，如值對象，並不是最佳實踐React的一部分。 – WildService

它不適用於反應組件，它適用於我的遊戲引擎。我只是試圖在前端使用共享代碼，而不是作爲反應組件，但我希望能夠使用反應導入，以便可以訪問反應代碼中的組件。 – joe

如果你的前端環境設置正確，你應該能夠正常地從共享文件夾導入。例如。 '從'../../ shared/PlayerComponent''導入PlayerComponent。請記住，在UI組件或狀態/數據管理代碼中，我們不在React中使用這些基於類的值對象，因此您可能會發現它的實用程度有限。否則，在後端/前端之間共享代碼是一個好主意：豎起大拇指： – WildService

-1

您應該從客戶端上的React.Component繼承。

來源

2017-07-07 13:50:55

如何將這個JavaScript類轉換爲可以使用的東西？

回答

相關問題