未捕获的语法错误：嵌入：意外的令牌

Question

Given a React code:

 <script type="text/babel">
              var Var = React.createClass({
                render: function() {
                  return (
                    var args = {
                      "q": "data",
                      "offset": "0"
                    };

                    $.ajax({
                  ....headers and other stuff).done(function(JSONdata) {
                  console.log(JSONdata);

                }).fail(function() {
                  alert("You have an error");
                });
              );
            }
          });
          ReactDOM.render(<Var />, document.getElementById('div'));

Im getting error Uncaught SyntaxError: embedded: Unexpected token that shows the lines:

            render: function() {
              return (
                var args = {
                  "q": "data",
                  "offset": "0"
                };

I think it has to do with the curly brackets , but what is the right way to write them inside React module? Or what is the actual error here ?

I have babel and react src already included in my html file. I need all of the key-values in args in order to send a request by ajax.

Answer 1

Solution for that is just wrap your return that just automatically execute it into a function

return (function(){
    var args = {
      "q": "data",
      "offset": "0"
    };

    $.ajax({
  ....headers and other stuff).done(function(JSONdata) {
    console.log(JSONdata);

    }).fail(function() {
      alert("You have an error");
    });
});

so your code will be like this

var Var = React.createClass({
    render: function() {
        return (function(){
            var args = {
              "q": "data",
              "offset": "0"
            };

            $.ajax({
          ....headers and other stuff).done(function(JSONdata) {
            console.log(JSONdata);

            }).fail(function() {
              alert("You have an error");
            });
        })();
    }
});
ReactDOM.render(<Var />, document.getElementById('div'));