如何处理钩子中的动态表单

Question

我用Ant设计在React中创建了一个表单，并且正在验证动态字段的问题。我如何处理state中的所有数组？

在这种情况下，我仅处理来自数组的最后一个输入：

const RecipesForm = () => {
  const [formValues, setFormValues] = useReducer(
    (state, newState) => ({ ...state, ...newState }),
    {
      title: '',
      steps: [],
    }
  );

    const onChange = (values) => {
            setFormValues({
              ...values,
            });
    };

    return(
    <Form onValuesChange={onChange}>

            //dynamic form here
               
          </Form>
    )