Submit Form using Button in Parent Component in React

Question

So I have to implement a form in modal, as you can see, the button in the modal are not the buttons in the form. I created the form as a child component of the modal. H

Answer 1

The selected answer was useful. But the method in it doesn't seem to work any longer. Here's how I went about it.

You can give a ref to the child component when it is being created.

And use it in the button's onClick method. (This is the code for the button)

  
    Submit

(This is the onClick method)

onClick = (event) => {
    this.childComponent.current.handleSubmit(event);
}

I'm calling a method in the child component called handleSubmit. It can look like this.

handleSubmit = (event)=> {
    event.preventDefault();

    //Your code here. For example,
    alert("Form submitted");  
}