How to send variables to jQuery for AJAX (ReactJS application)?

Question

JavaScript

The problem is the following - I don’t understand how to set a variable instead of a static string for ajax

getFormData() {
        var data = {
            name: this.refs.name.getDOMNode().value,
            mail: this.refs.mail.getDOMNode().value,
            text: this.refs.text.getDOMNode().value
        };

        return data;
    },

   handleSubmit(data=this.getFormData()) {

       jQuery.post(
           MyAjax.ajaxurl,
           {
               'action': 'send_message',
               'name': data.name,
               'email': data.mail,
               'message': data.text
           },
           function(response){
               alert('The server responded: ' + response);
           }
       );
    },

Variables 'name': 'email': 'message': tried data.name, `${data.name}`, String(data.name) and more... But nothing works. How is this solved?

Answer 1

Mistakes?
Check what this refers to. And the function call in the default parameters looks out of place)
handleSubmit(data=this.getFormData()) {