0

Есть простой react компонент но при попытке отрендерить его у меня падает ошибка синтаксиса, хотя все скобки вроде открыты и закрыты где надо:

Uncaught SyntaxError: http://localhost:3000/js/app.js: Unexpected token (27:2)   25 |       )   26 |     }
> 27 |   };
     |   ^   28 |    29 |   render: function() {   30 |     return (

Помогите пожалуйста разобраться почему так происходит. Как я понимаю этот код: есть функция getNewsData в ней map заполняет массив и функция getNewsData должна вернуть этот массив. В чем моя ошибка объясните пожалуйста. Спасибо.

Сам компонент:

var News = React.createClass({

  getNewsData: function() {
    return  this.props.data.map(function(item, index) {
      return (
        <div key={index}>
          <p className="news__author">{item.author}:</p>
          <p className="news__text">{item.text}</p>
        </div>
      )
    }
  };

  render: function() {
    return (
      <div className="news">
        {this.getNewsData()}
      </div>
    );
  }
});

var Comments = React.createClass({
    render: function() {
      return (
        <div>
          comments
        </div>
      );
    }
});

var App = React.createClass({
  render: function() {
    return (
      <div>
        Всем привет, я компонент App!
        <Comments />
        <News data={my_news}/>
      </div>
    );
  }
});
1
  • 1
    У getNewsData в конце должна быть запятая, а не точка с запятой и в конце первого return надо добавить ) 7 окт 2017 в 13:49

1 ответ 1

1

Подключи <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script> в index.html

и добавить type="text/babel" в

<script type="text/babel" src="js/app.js"></script>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.