React + Express发送数据？

React是一个用于构建用户界面的JavaScript库，而Express是一个基于Node.js的Web应用程序框架。在React和Express结合使用时，可以通过发送HTTP请求来实现数据的传输。

具体步骤如下：

在React中，可以使用fetch或axios等库来发送HTTP请求。这些库可以发送GET、POST、PUT、DELETE等不同类型的请求。
在React组件中，可以使用生命周期方法（如componentDidMount）来发送请求。在这个方法中，可以使用fetch或axios发送GET请求来获取数据。
在Express中，可以使用路由来处理不同类型的请求。可以创建一个路由来处理React发送的请求，并在该路由中定义相应的处理函数。
在Express的处理函数中，可以使用数据库查询、文件读写等操作来获取数据，并将数据作为响应发送回React。

以下是一个简单的示例：

在React组件中：

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;

在Express中：

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');
});

这个示例演示了React如何通过发送GET请求到Express的路由来获取数据，并将数据渲染到React组件中。

推荐的腾讯云相关产品和产品介绍链接地址：