Node.js 显示来自multer的图像和类型为uploads/files.jpg的数据库

我刚刚用NodeJS在后面配置了Multer，一切都很好。我可以在我的数据库“uploads/img.jpg”中保存一个图像，该图像也显示在后面名为“uploads”的文件夹中

现在我正试图用ReactJS和map方法显示图像，但我遇到了困难：由于“uploads/”的原因，我无法显示图像。这是我的代码：

const Users = () => {
  const [users, setUsers] = useState([]);
  const classes = useStyles();

  useEffect(() => {
    const getUserss = async () => {
      const result = await axios.get("/users");
      setUsers(result.data);
    };
    getusers();
  }, []);

const tableHeader = columns.map((column) => (
    <TableCell key={column.id} align={column.align} style={{ minWidth: column.minWidth }} >
      {column.label}
    </TableCell>
  ));

  const mainContent = users
    .map((user) => {
      console.log(user);
      return (
        <TableRow hover role="checkbox" tabIndex={-1} key={customer.code}>
          <TableCell align="center" className={classes.test}>
            <Avatar className={classes.avatar} src= {?} /> {/* My problem is here */}
          </TableCell>
          <TableCell align="center">{user.name}</TableCell>
          <TableCell align="center">{user.details}</TableCell>
        </TableRow>
      );
    });

 return (
      <TableContainer className={classes.container}>
        <Table stickyHeader aria-label="sticky table">
          <TableHead>
            <TableRow>{tableHeader}</TableRow>
          </TableHead>
            <TableBody>{mainContent}</TableBody>
        </Table>
      </TableContainer>
 );
};

export default Users;

第二条路线：

const imgCtrl = require("../controllers/images");
const images = require("express").Router();

images.get("/:img", imgCtrl.sendImg);

module.exports = images;

我在routes中还有一个索引：

const images = require('./images');

module.exports = (app) => {
  app.use('/uploads', images);
};

尝试添加以下内容：

app.use('/uploads', express.static(path.join(__dirname, 'relative_path_to_uploads_folder')));

---

我终于找到了问题的答案。代码如下：

src={`http://xxx/${user.path}`}

src={`http://xxx/${user.path}`}