这里如何将表单中的值传给 onsubmit onFinish={props.onSubmit}

在 Ant Design Pro 的 StepForm 组件中，onFinish 函数会在用户完成表单填写后被调用。在调用 onFinish 函数时，会将表单中的值作为参数传递进来，你可以在 onFinish 函数中获取这些参数，并将它们传递给组件的 onSubmit 事件。

例如，假设你的组件代码如下：

const MyStepForm = (props) => {
  const onFinish = (values) => {
    console.log('Received values of form:', values);
    // 将表单数据传递给组件的 onSubmit 事件
    props.onSubmit(values);
  };

  return (
    <Form onFinish={onFinish}>
      {/* 表单控件 */}
    </Form>
  );
};

在这个示例中，我们定义了一个 onFinish 函数，当用户完成表单填写并点击提交按钮时，会触发这个函数。在 onFinish 函数中，我们获取到表单数据 values，并将其传递给组件的 onSubmit 事件。

在使用这个组件时，你可以通过传递一个 onSubmit 回调函数来接收表单数据。例如：

const handleSubmit = (values) => {
  console.log('Form data:', values);
  // 发送请求到后端
  // ...
};

<MyStepForm onSubmit={handleSubmit} />

在这个示例中，我们定义了一个 handleSubmit 函数来接收表单数据，在组件中将它作为 onSubmit 属性传递给 MyStepForm 组件。当用户完成表单填写并点击提交按钮时，onFinish 函数会将表单数据传递给 handleSubmit 函数，你可以在 handleSubmit 函数中对表单数据进行处理，例如将其发送到后端。