如何解决在react中从mongodb中删除项目的问题？

import React, { useState } from 'react';
import axios from 'axios';

const Project = ({ id, name, onDelete }) => {
  const handleDelete = async () => {
    try {
      await axios.delete(`/api/projects/${id}`);
      onDelete(id);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      <span>{name}</span>
      <button onClick={handleDelete}>删除</button>
    </div>
  );
};

export default Project;

const express = require('express');
const app = express();
const mongoose = require('mongoose');

// 连接到MongoDB数据库
mongoose.connect('mongodb://localhost/mydatabase', { useNewUrlParser: true, useUnifiedTopology: true });

// 定义项目模型
const projectSchema = new mongoose.Schema({
  name: String
});

const Project = mongoose.model('Project', projectSchema);

// 删除项目的API端点
app.delete('/api/projects/:id', async (req, res) => {
  try {
    await Project.findByIdAndDelete(req.params.id);
    res.sendStatus(204); // 成功删除，返回204状态码
  } catch (error) {
    console.error(error);
    res.sendStatus(500); // 服务器错误，返回500状态码
  }
});

app.listen(3000, () => {
  console.log('服务器已启动');
});