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

使用axios、formik和React.js发布对象数组的步骤如下：

首先，确保你已经在项目中安装了axios、formik和React.js。你可以使用以下命令来安装它们：

npm install axios formik react

在你的React组件中，导入所需的库：

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

创建一个表单，并使用formik的useFormik钩子来处理表单的状态和验证：

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>
  );
};

在上述代码中，我们使用formik.values.objects.map来遍历对象数组，并为每个对象的属性创建相应的输入字段。注意，我们使用了name属性来指定每个输入字段的路径，以便formik能够正确地处理表单值的更新。
当用户提交表单时，onSubmit回调函数将被触发。在这个回调函数中，我们使用axios来发送POST请求到指定的API端点，并将对象数组作为请求的主体数据。

这样，你就可以使用axios、formik和React.js来发布对象数组了。请确保根据你的具体需求进行适当的调整和错误处理。