如何从flask请求用户输入(我使用react作为前端)？

from flask import Flask, request

app = Flask(__name__)

@app.route('/user-input', methods=['POST'])
def user_input():
    data = request.get_json()  # 获取用户输入的数据
    # 处理用户输入的数据
    return 'Success'

import React, { useState } from 'react';

function UserInputForm() {
  const [inputValue, setInputValue] = useState('');

  const handleSubmit = (e) => {
    e.preventDefault();
    // 将用户输入的数据发送到Flask的路由
    fetch('/user-input', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ input: inputValue }),
    })
      .then((response) => response.text())
      .then((data) => {
        console.log(data); // 处理Flask返回的数据
      });
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={inputValue}
        onChange={(e) => setInputValue(e.target.value)}
      />
      <button type="submit">提交</button>
    </form>
  );
}

export default UserInputForm;

import React from 'react';
import UserInputForm from './UserInputForm';

function App() {
  return (
    <div>
      <h1>用户输入</h1>
      <UserInputForm />
    </div>
  );
}

export default App;