Uncaught Syntaxerror: eingebettet: unerwartetes Token

Question

Bei einem Code Reagieren:

<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 immer Fehler Uncaught SyntaxError: embedded: Unexpected token, die die Linien zeigt:

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

Ich denke, es mit den geschweiften Klammern zu tun hat Aber was ist der richtige Weg, sie in das React-Modul zu schreiben? Oder was ist der eigentliche Fehler hier?

Ich habe Babel und reagieren src bereits in meiner HTML-Datei enthalten. Ich brauche alle Schlüsselwerte in args, um eine Anfrage von Ajax zu senden.

Answer 1

Lösung dafür ist, wickeln Sie einfach Ihre Rückkehr, die es nur automatisch ausgeführt werden in eine Funktion

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 Ihr Code wie dieser

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'));