将node.js字符串传递给react前端

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

// 创建API接口
app.get('/api/data', (req, res) => {
  // 获取字符串数据
  const data = 'Hello from Node.js';

  // 将字符串数据发送给前端
  res.send(data);
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

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

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

  useEffect(() => {
    // 调用后端API接口获取字符串数据
    fetch('/api/data')
      .then(response => response.text())
      .then(data => {
        // 存储字符串数据
        setData(data);
      });
  }, []);

  return (
    <div>
      <h1>{data}</h1>
    </div>
  );
}

export default App;