需要将客户值传递回React中的POST操作

// 前端代码
import React, { useState } from 'react';

const MyComponent = () => {
  const [value, setValue] = useState('');

  const handleSubmit = async (e) => {
    e.preventDefault();

    const data = { value }; // 要发送的数据

    try {
      const response = await fetch('/api/endpoint', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify(data),
      });

      const result = await response.json();
      console.log(result); // 处理服务器返回的响应数据
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={value}
        onChange={(e) => setValue(e.target.value)}
      />
      <button type="submit">Submit</button>
    </form>
  );
};

export default MyComponent;

// 后端代码（使用Node.js和Express框架）
const express = require('express');
const app = express();

app.use(express.json());

app.post('/api/endpoint', (req, res) => {
  const { value } = req.body; // 获取前端发送的数据

  // 处理数据，可以将其存储到数据库中或进行其他操作

  res.json({ success: true }); // 返回响应给前端
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});