将数组从React发送到Express/Node以查询Mongo

将数组从React发送到Express/Node以查询Mongo是一个常见的前后端数据交互问题。下面是一个完善且全面的答案：

在React中，可以使用fetch或axios等库将数组数据发送到Express/Node后端。首先，确保在React组件中引入所需的库：

import axios from 'axios';

然后，在React组件中定义一个函数来发送数组数据：

const sendDataToServer = async () => {
  try {
    const arrayData = [1, 2, 3, 4, 5]; // 假设这是要发送的数组数据
    const response = await axios.post('/api/query', { data: arrayData });
    console.log(response.data); // 在控制台打印后端返回的数据
  } catch (error) {
    console.error(error);
  }
};

上述代码中，我们使用axios库发送POST请求到/api/query路由，并将数组数据作为请求体的data字段发送。

在Express/Node后端中，需要使用body-parser中间件来解析请求体。确保在后端文件中安装和引入body-parser：

const express = require('express');
const bodyParser = require('body-parser');

const app = express();
app.use(bodyParser.json());

然后，创建一个处理POST请求的路由：

app.post('/api/query', (req, res) => {
  const arrayData = req.body.data; // 获取前端发送的数组数据
  // 在这里进行查询MongoDB的操作
  // ...
  // 返回查询结果给前端
  res.json({ result: '查询结果' });
});

上述代码中，我们通过req.body.data获取前端发送的数组数据，并在路由处理函数中进行MongoDB的查询操作。最后，使用res.json()将查询结果返回给前端。

这是一个简单的示例，实际应用中可能需要根据具体需求进行适当的修改和优化。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云云数据库MongoDB版、腾讯云云函数（SCF）等。你可以在腾讯云官网上找到这些产品的详细介绍和文档。

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm

腾讯云云数据库MongoDB版：https://cloud.tencent.com/product/mongodb

腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf