使用express.js和react.js从MongoDB中删除记录

npm install express mongoose

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

const app = express();

mongoose.connect('mongodb://localhost:27017/mydatabase', { useNewUrlParser: true, useUnifiedTopology: true })
  .then(() => {
    console.log('Connected to MongoDB');
  })
  .catch((error) => {
    console.error('Error connecting to MongoDB', error);
  });

const Schema = mongoose.Schema;

const recordSchema = new Schema({
  // 定义记录的字段
  // 例如：name, age, email等
});

const Record = mongoose.model('Record', recordSchema);

app.delete('/records/:id', (req, res) => {
  const recordId = req.params.id;

  Record.findByIdAndDelete(recordId)
    .then(() => {
      res.status(200).json({ message: 'Record deleted successfully' });
    })
    .catch((error) => {
      res.status(500).json({ error: 'Error deleting record' });
    });
});

npx create-react-app my-app
cd my-app
npm install axios

import React from 'react';
import axios from 'axios';

class App extends React.Component {
  deleteRecord = (recordId) => {
    axios.delete(`/records/${recordId}`)
      .then((response) => {
        console.log(response.data.message);
      })
      .catch((error) => {
        console.error('Error deleting record', error);
      });
  }

  render() {
    return (
      <div>
        {/* 渲染记录列表 */}
        {/* 每个记录都包含一个删除按钮，点击时调用deleteRecord方法 */}
      </div>
    );
  }
}

export default App;

npm start