如何将这个javascript类转换为react可以使用的东西?

如何将这个javascript类转换为react可以使用的东西?,javascript,node.js,reactjs,webpack,babeljs,Javascript,Node.js,Reactjs,Webpack,Babeljs,这是一个名为shared的文件夹,我想在服务器和客户端上使用它,现在它在服务器上运行良好,但我似乎不知道如何传输整个共享文件夹,以便我也可以在客户端上使用它 您应该从客户端上的React.Component继承 你需要提供更多的背景信息。您在服务器上使用的这个组件类是什么?这与React有关,还是与另一个系统有关?通常,对于React,您只能在服务器和客户端上为UI组件使用React.Component类。将类用于其他目的,如值对象,并不是最佳实践React的一部分。它不是用于React组件,而

这是一个名为shared的文件夹,我想在服务器和客户端上使用它,现在它在服务器上运行良好,但我似乎不知道如何传输整个共享文件夹,以便我也可以在客户端上使用它

您应该从客户端上的React.Component继承

你需要提供更多的背景信息。您在服务器上使用的这个组件类是什么?这与React有关,还是与另一个系统有关?通常,对于React,您只能在服务器和客户端上为UI组件使用React.Component类。将类用于其他目的,如值对象,并不是最佳实践React的一部分。它不是用于React组件,而是用于我的游戏引擎。我只是尝试在前端使用共享代码,不一定是作为react组件,但我希望能够使用react导入,以便可以访问react代码中的组件。如果前端环境设置正确,您应该能够正常从共享文件夹导入。例如,
从“../../shared/PlayerComponent”导入PlayerComponent
。请记住,我们根本不在React中使用这些基于类的值对象,无论是在UI组件中还是在状态/数据管理代码中,因此您可能会发现它的实用性有限。否则,在后端/前端之间共享代码是一个好主意:竖起大拇指:
const Component = require('../Component')

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

module.exports = PlayerComponent;