如何使用Reactjs将输入附加到axios调用端点

npm install react axios

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

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

  const handleInputChange = (event) => {
    setInputValue(event.target.value);
  };

  const handleSubmit = () => {
    axios.post('/api/endpoint', { data: inputValue })
      .then((response) => {
        console.log(response.data);
      })
      .catch((error) => {
        console.error(error);
      });
  };

  return (
    <form>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button type="button" onClick={handleSubmit}>Submit</button>
    </form>
  );
}