ошибка Reactify: Неожиданный идентификатор

Question

var React = require('react'); 
 
var EventListItem = require('./EventListItem.js'); 
 

 
var EventList = React.createClass({ 
 
\t var events = this.props.events; 
 
\t if (!Array.isArray(events)) throw new Error ('it must be Array'); 
 
\t var eventsComps = events.map(function(eve){ 
 
\t \t return (<EventListItem key={eve.key} 
 
\t \t title={eve.title} 
 
\t \t description={eve.description} 
 
\t \t voteCount={eve.voteCount} />) 
 
\t }); 
 

 
\t render:function(){ 
 
\t \t return(
 
\t \t \t <div id="events" className=""> 
 
\t \t \t \t 
 
\t \t \t \t {eventsComps} 
 
\t \t \t \t 
 
\t \t \t </div> 
 
\t \t); 
 
\t } 
 
}); 
 

 
module.exports = EventList;

Строка 5: Неожиданный идентификатор Я ищу проблему и проверил мой «» или „;“, но я не считаю эту проблему, что случилось с Это?

Answer 1

Вы не можете писать произвольные высказывания внутри object literal. Все, что вы кодируете, должно быть внутри функции рендеринга, или вы должны определить другую функцию и написать этот код внутри него.

var React = require('react'); 
var EventListItem = require('./EventListItem.js'); 

var EventList = React.createClass({ 

    render:function(){ 
      var {events} = this.props; 
     if (!Array.isArray(events)) throw new Error ('it must be Array'); 
      var eventsComps = events.map(function(eve){ 
      return (<EventListItem key={eve.key} 
      title={eve.title} 
      description={eve.description} 
      voteCount={eve.voteCount} />) 
     }); 
     return(
      <div id="events" className=""> 

       {eventsComps} 

      </div> 
     ); 
    } 
}); 

module.exports = EventList;