React + Express发送数据？

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

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

  useEffect(() => {
    fetch('/api/data') // 发送GET请求到Express的路由'/api/data'
      .then(response => response.json())
      .then(data => setData(data));
  }, []);

  return (
    <div>
      {data.map(item => (
        <p key={item.id}>{item.name}</p>
      ))}
    </div>
  );
};

export default MyComponent;

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

app.get('/api/data', (req, res) => {
  const data = [
    { id: 1, name: 'Data 1' },
    { id: 2, name: 'Data 2' },
    { id: 3, name: 'Data 3' }
  ];

  res.json(data); // 将数据作为JSON响应发送回React
});

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