ImageForm.js 774 B

123456789101112131415161718192021222324252627282930313233
  1. import React from "react";
  2. import { Form, Field } from "react-final-form";
  3. const ImageForm = ({ initialValues, onSubmit }) => {
  4. return (
  5. <Form
  6. onSubmit={onSubmit}
  7. render={({ handleSubmit }) => (
  8. <form onSubmit={handleSubmit}>
  9. <div style={{ display: "none" }}>
  10. <Field
  11. name="id"
  12. component="input"
  13. initialValue={initialValues.id}
  14. />
  15. </div>
  16. <div>
  17. <label>Label</label>
  18. <Field
  19. name="label"
  20. component="input"
  21. initialValue={initialValues.label}
  22. />
  23. </div>
  24. <button type="submit">Submit</button>
  25. </form>
  26. )}
  27. />
  28. );
  29. };
  30. export default ImageForm;