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

的步骤如下：

首先，确保你已经安装了Node.js和MongoDB，并且已经创建了一个MongoDB数据库。
在后端（使用express.js）中，你需要安装相关的依赖包。打开终端，进入你的项目目录，运行以下命令：

npm install express mongoose

创建一个express.js的服务器文件（例如app.js），并引入所需的模块：

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

const app = express();

连接到MongoDB数据库。在app.js文件中添加以下代码：

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);
  });

请注意，上述代码中的mongodb://localhost:27017/mydatabase应替换为你的MongoDB数据库的连接字符串。

创建一个mongoose模型来定义MongoDB中的集合结构和操作。在app.js文件中添加以下代码：

const Schema = mongoose.Schema;

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

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

请根据你的实际需求定义记录的字段。

创建一个路由来处理删除记录的请求。在app.js文件中添加以下代码：

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' });
    });
});

上述代码中，我们使用findByIdAndDelete方法根据记录的ID删除记录。

在前端（使用react.js）中，你需要安装相关的依赖包。打开终端，进入你的项目目录，运行以下命令：

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

在React组件中，发送删除记录的请求。打开src/App.js文件，添加以下代码：

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;

请注意，上述代码中的/records/${recordId}是根据你的后端路由来定义的。