Uncaught SyntaxError: встроенный: неожиданный токен

Question

Uncaught SyntaxError: встроенный: неожиданный токен

-1

С учетом кода React:

 <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 Uncaught SyntaxError: embedded: Unexpected token error Uncaught SyntaxError: embedded: Unexpected token который показывает строки:

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

Я думаю, что это связано с фигурными скобками, но каков правильный способ записать их внутри модуля React? Или какая здесь ошибка?

У меня есть babel и src, который уже включен в мой html файл. Мне нужны все ключевые значения в args, чтобы отправить запрос ajax.

Michael 13 окт. 2016, в 03:51

Источник

0

Как вы возвращаетесь, не имеет смысла. JSX или элементы должны быть в возврате, либо использовать скобки вместо скобок, а не в функции render , с args : { ... }
Li357 13 окт. 2016, в 01:12
0

Я думаю, что return ( это неправильная строка. Я не могу понять это вместе со следующими строками.
ASDFGerte 13 окт. 2016, в 01:12
0

@ASDFGerte Это Бабель
Li357 13 окт. 2016, в 01:13
0

Вы можете показать весь код?
epascarello 13 окт. 2016, в 01:14
0

Вы можете показать, чтобы код внутри вашего возвращения
Beginner 13 окт. 2016, в 01:17
0

Не могли бы вы включить полный источник?
TheGenie OfTruth 13 окт. 2016, в 01:17
0

@epascarello обновлен
Michael 13 окт. 2016, в 01:21
0

Почему вы пытаетесь сделать объект? Никакой JS не должен б внутри оператора возврата (исключая элементы)
Li357 13 окт. 2016, в 01:22
0

Вы возвращаете объект и ничего больше. Объект должен быть вне этого. Попробуйте вернуть что-нибудь простое, посмотрите, разрешит ли это вашу ошибку.
Dandy 13 окт. 2016, в 01:24
0

@AndrewL., Где я должен тогда это поставить?
Michael 13 окт. 2016, в 01:24
0

@Michael Определите переменную вне возврата. Внутри рендера все равно должно быть в порядке. Внутри вашего возвращения вам нужно вернуть элементы. Ознакомьтесь с этим руководством: facebook.github.io/react/docs/tutorial.html
Dandy 13 окт. 2016, в 01:27

Показать ещё 9 комментариев

Теги:

javascript

reactjs

ajax

1 ответ

Ещё вопросы

Как вы возвращаетесь, не имеет смысла. JSX или элементы должны быть в возврате, либо использовать скобки вместо скобок, а не в функции render , с args : { ... }
Я думаю, что return ( это неправильная строка. Я не могу понять это вместе со следующими строками.
Вы можете показать, чтобы код внутри вашего возвращения
Не могли бы вы включить полный источник?
Почему вы пытаетесь сделать объект? Никакой JS не должен б внутри оператора возврата (исключая элементы)
Вы возвращаете объект и ничего больше. Объект должен быть вне этого. Попробуйте вернуть что-нибудь простое, посмотрите, разрешит ли это вашу ошибку.
@AndrewL., Где я должен тогда это поставить?
@Michael Определите переменную вне возврата. Внутри рендера все равно должно быть в порядке. Внутри вашего возвращения вам нужно вернуть элементы. Ознакомьтесь с этим руководством: facebook.github.io/react/docs/tutorial.html

Beginner · Answer 1 · 2016-10-12T22-50-00.000Z

Решение для этого просто завершает ваше возвращение, которое просто автоматически выполняет его в функцию

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");
    });
});

поэтому ваш код будет таким

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