使用React Hooks创建具有多个输入的axios post

npm install react axios

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

function MyComponent() {
  const [input1, setInput1] = useState('');
  const [input2, setInput2] = useState('');
  // 这里可以继续添加更多的输入状态

  const handleSubmit = async () => {
    try {
      const response = await axios.post('https://api.example.com/endpoint', {
        input1,
        input2,
        // 这里可以继续添加更多的输入
      });
      console.log(response.data);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      <input
        type="text"
        value={input1}
        onChange={(e) => setInput1(e.target.value)}
      />
      <input
        type="text"
        value={input2}
        onChange={(e) => setInput2(e.target.value)}
      />
      {/* 这里可以继续添加更多的输入 */}
      <button onClick={handleSubmit}>提交</button>
    </div>
  );
}