从表单中输入数组，并将其发送到ReactJs中的服务器

import React, { useState } from 'react';

function ArrayForm() {
  const [inputArray, setInputArray] = useState([]);
  const [inputValue, setInputValue] = useState('');

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

  const handleAddToArray = () => {
    setInputArray([...inputArray, inputValue]);
    setInputValue('');
  };

  const handleSubmit = async (event) => {
    event.preventDefault();
    try {
      const response = await fetch('/api/submit-array', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({ array: inputArray }),
      });
      if (response.ok) {
        console.log('Array successfully submitted');
      } else {
        console.error('Failed to submit array');
      }
    } catch (error) {
      console.error('Error submitting array:', error);
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={inputValue}
        onChange={handleInputChange}
      />
      <button type="button" onClick={handleAddToArray}>
        Add to Array
      </button>
      <button type="submit">Submit Array</button>
    </form>
  );
}

export default ArrayForm;