I am using React based form

[AbhimanyuAryan]

I am using ReactJS instead of HTML form

submitDetails(){
    var thisComponent = this;
    $("#"+this.props.submitButton).click(function(){
      console.log(thisComponent.state);

      $.post('https://script.google.com/macros/s/AKfycbwCfsi-UTfR0M2gCziC3E66eB4_F8Tlyztv7v6i3jr03S0tMDPF/exec', thisComponent.state, function(response){
        console.log(response);
    })

    });
  }

but this doesn't seem to work. While sending the data to excel sheet

All attributes are same. The only thing I'm confused b/w is that 'gform' id. I haven't done that. Is that a problem?

When I submit I get an object out which contains data. Now how do it plugin in this data to excel?

[mckennapsean]

This is for Gsheets, not Excel, but I hope that is clear.

You cannot just post the XHR request unless you parse it first. The JS we include does the parsing and includes a request to the server from the form itself. I am not sure what this.state is to say if y ou are doing that correctly. The gform id is simply used by the JS we include to override the default submit action on the form's button so it parses and sends the data to Google in the correct format. I have heard of reports using React, but I haven't worked to make a MVS to test it against.

[AbhimanyuAryan]

yaa my bad. GSheet :)

[mckennapsean]

Also, this may help those using React / Vue / Angular / etc., thought you have to make sure our custom JS is in the framework and overrides the form submission button.

[mckennapsean]

https://blog.logrocket.com/submitting-html-forms-using-javascript-frameworks-vue-react-hyperapp-44664dba1218

[nelsonic]

Using React just to submit a simple form is like using a chainsaw to slice bread.
It totally defeats the objective of this (deliberately) simple tutorial.