Redux Form:如何在提交之前将图像url添加到Redux表单？

import { Field, reduxForm } from 'redux-form';

const MyForm = (props) => {
  return (
    <form onSubmit={props.handleSubmit}>
      <div>
        <label>图像URL:</label>
        <Field name="imageUrl" component="input" type="text" />
      </div>
      <button type="submit">提交</button>
    </form>
  );
};

export default reduxForm({
  form: 'myForm' // 表单的唯一标识符
})(MyForm);

import { Field, reduxForm } from 'redux-form';

const MyForm = (props) => {
  const handleSubmit = (formData) => {
    // 在这里可以获取表单字段的值，并将图像URL添加到Redux表单中
    const imageUrl = formData.imageUrl;
    // 执行你的操作，例如将图像URL添加到Redux Store中
    // dispatch(addImageUrl(imageUrl));
  };

  return (
    <form onSubmit={props.handleSubmit(handleSubmit)}>
      <div>
        <label>图像URL:</label>
        <Field name="imageUrl" component="input" type="text" />
      </div>
      <button type="submit">提交</button>
    </form>
  );
};

export default reduxForm({
  form: 'myForm' // 表单的唯一标识符
})(MyForm);