submit form programmatically

[galr52]

Hey,

I am trying to submit a form programmatically.
i have read the docs:
https://react-jsonschema-form.readthedocs.io/en/latest/advanced-customization/internals/#submit-form-programmatically

but my form wont submitting:

https://stackblitz.com/edit/react-ygpqie?file=src/App.js

any idea what am i doing wrong?

@rjsf/core: 4.2.3
react: 18.2.0

thanks in advance,

[heath-freenome]

Can you try the v5 beta and see if it works now? There was an issue that hopefully was fixed

[galr52]

Can you try the v5 beta and see if it works now? There was an issue that hopefully was fixed

yes, it is working on v5 beta

also as @WillowP suggested, a fix for v4 can be done by make the button a submit button and just set the form attribute.

const ExampleB = () => {
  const onSubmit = ({ formData }) => {
    console.log('Data submitted: ', formData)
  };
  const schema = {
    type: 'string',
  };

  return (
    <div style={{ border: '1px solid black', padding: '4px' }}>
      <h3>Example B</h3>
      <Form
        id="my-form"
        schema={schema}
        onSubmit={onSubmit}
      >
        <></>
      </Form>
      <button type="submit" form="my-form">Submit</button>
    </div>
  );
};

https://stackblitz.com/edit/react-1yurkc?file=src%2FApp.js

[heath-freenome]

Closing as this works in the v5 beta

[MaximeCrp]

Do you know if this is going to be released in a patch for v4?