将数组从react状态发送到node/express

import React, { useState } from 'react';

const MyComponent = () => {
  const [myArray, setMyArray] = useState([]);

  // 在某个事件处理函数中更新数组状态
  const handleSendArray = () => {
    const arrayToSend = [1, 2, 3]; // 要发送的数组
    setMyArray(arrayToSend);
  };

  return (
    <div>
      <button onClick={handleSendArray}>发送数组</button>
    </div>
  );
};

export default MyComponent;

import axios from 'axios';

const handleSendArray = () => {
  const arrayToSend = [1, 2, 3]; // 要发送的数组

  axios.post('/api/sendArray', { array: arrayToSend })
    .then(response => {
      // 处理响应
    })
    .catch(error => {
      // 处理错误
    });
};

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

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

app.post('/api/sendArray', (req, res) => {
  const receivedArray = req.body.array; // 接收到的数组
  // 处理接收到的数组

  res.send('数组已接收');
});

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