将数据从React传递到node express服务器

import React, { useState } from 'react';
import axios from 'axios';

const MyComponent = () => {
  const [data, setData] = useState('');

  const sendDataToServer = () => {
    const requestData = { data: data };

    axios.post('/api/data', requestData)
      .then(response => {
        // 处理服务器响应
      })
      .catch(error => {
        // 处理错误
      });
  };

  return (
    <div>
      <input type="text" value={data} onChange={e => setData(e.target.value)} />
      <button onClick={sendDataToServer}>发送数据</button>
    </div>
  );
};

export default MyComponent;

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

app.use(express.json());

app.post('/api/data', (req, res) => {
  const receivedData = req.body.data;

  // 对接收到的数据进行处理

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

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