如何将值从react组件传递到express API调用？

import React, { useState } from 'react';

const MyComponent = () => {
  const [value, setValue] = useState('');

  const handleAPICall = () => {
    fetch('/api/myendpoint?value=' + value)
      .then(response => response.json())
      .then(data => {
        // 处理响应数据
      })
      .catch(error => {
        // 处理错误
      });
  };

  return (
    <div>
      <input type="text" value={value} onChange={e => setValue(e.target.value)} />
      <button onClick={handleAPICall}>调用API</button>
    </div>
  );
};

export default MyComponent;

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

app.get('/api/myendpoint', (req, res) => {
  const value = req.query.value;

  // 执行相应的逻辑操作

  res.json({ message: '成功' });
});

app.listen(3000, () => {
  console.log('Express API已启动');
});