如何使用axios formik和react js发布对象数组？

npm install axios formik react

import React from 'react';
import { useFormik } from 'formik';
import axios from 'axios';

const MyForm = () => {
  const formik = useFormik({
    initialValues: {
      objects: [{ name: '', age: '' }] // 初始化对象数组
    },
    onSubmit: values => {
      // 提交表单时的逻辑
      axios.post('/api/endpoint', values.objects)
        .then(response => {
          // 处理成功响应
        })
        .catch(error => {
          // 处理错误响应
        });
    }
  });

  return (
    <form onSubmit={formik.handleSubmit}>
      {formik.values.objects.map((object, index) => (
        <div key={index}>
          <input
            name={`objects[${index}].name`}
            value={object.name}
            onChange={formik.handleChange}
          />
          <input
            name={`objects[${index}].age`}
            value={object.age}
            onChange={formik.handleChange}
          />
        </div>
      ))}
      <button type="submit">提交</button>
    </form>
  );
};