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

从Flask请求用户输入并使用React作为前端的方法如下：

在Flask中创建一个路由，用于接收用户输入的请求。可以使用@app.route装饰器来定义路由。

from flask import Flask, request

app = Flask(__name__)

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

在React中创建一个表单组件，用于用户输入。可以使用<form>标签和<input>标签来创建表单。

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;

在React的父组件中使用表单组件。

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

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

export default App;

这样，当用户在React的表单中输入数据并提交时，数据将通过POST请求发送到Flask的路由/user-input。在Flask中，可以通过request.get_json()获取用户输入的数据，并进行相应的处理。