a Reactify错误:意外的标识符

时间:2016-11-28 17:21:02

标签: reactjs



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

var EventList = React.createClass({
	var events = this.props.events;
	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} />)
	});

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

module.exports = EventList;
&#13;
&#13;
&#13;

第5行:意外的标识符 我搜索问题并检查了我的&#34;,&#34;或&#34;;&#34;但我没有发现问题,它有什么问题?

1 个答案:

答案 0 :(得分:0)

您不能在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;