如何从REACT JS获取JSON并在NODE js中实现

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

function App() {
  const [data, setData] = useState([]);

  useEffect(() => {
    fetch('/api/data') // 发送GET请求到服务器
      .then(response => response.json()) // 将响应转换为JSON
      .then(jsonData => setData(jsonData)) // 将JSON数据保存在状态中
      .catch(error => console.error(error));
  }, []);

  return (
    <div>
      {/* 使用获取到的JSON数据进行渲染 */}
      {data.map(item => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  );
}

export default App;

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

const app = express();

app.get('/api/data', (req, res) => {
  fs.readFile('data.json', 'utf8', (err, data) => {
    if (err) {
      console.error(err);
      res.status(500).send('Error reading data file');
    } else {
      res.json(JSON.parse(data));
    }
  });
});

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