Javascript 如何在/api路由上呈现react组件？

我有这样的API路径

app.get('/', function(req, res) {
  res.send('hello world');
});

const {VideoChat} = require("../src/VideoChat");

app.get('/', function(req, res) {
  res.send('VideoChat');
});

我想要的是当用户转到该路线时。我希望它渲染一个react组件。但当我这样称呼这个组件时

app.get('/', function(req, res) {
  res.send('hello world');
});

const {VideoChat} = require("../src/VideoChat");

app.get('/', function(req, res) {
  res.send('VideoChat');
});

它给了我一个错误，说

import React, { useState, useCallback } from 'react'; ^^^^^^ SyntaxError: Cannot use import statement outside a module

组件如下所示：- `videoChat.js

const VideoChat = () => {

  let render;
  if (token) {
    render = (
      <Room roomName={roomName} token={token} handleLogout={handleLogout} />
    );
  } else {
    render = (
      <Lobby
        username={username}
        roomName={roomName}
        handleUsernameChange={handleUsernameChange}
        handleRoomNameChange={handleRoomNameChange}
        handleSubmit={handleSubmit}
      />
    );
  }
  return render;
};

export default VideoChat;

const VideoChat=（）=>{
让我们呈现；
如果（令牌）{
渲染=(
);
}否则{
渲染=(
);
}
返回渲染；
};
导出默认视频聊天；

我不明白你想做什么。API路由和客户端路由不同。我有这个react组件。它基本上是一种形式。我希望每当用户进入

/

url时，该组件都应该被呈现。我只是想知道如何告诉服务器，当用户在

/

上时，然后加载该组件。你的话没有意义<代码>我有api路由。当用户转到该路线时？？您的项目是否包含巴别塔？