javascript - jsx 无法编译意外的 token

Question

我很难理解这段 JSX 代码中的错误。感觉就像我正在为 JSX 应用正确的常规规则，但下面我发布了从控制台收到的反馈，它似乎源于 promise 中的第一个 forEach 方法。

    class EventQueries extends Component{
constructor(props){
super(props);

this.state = {
entertainer: null
}
}
render(){


return(

<div className = 'Immediate_Events'>
    <header className = 'ImmEventsTitle'>
        Upcoming Events
    </header>
    <div className = 'EventBlock'>
        {return this.props.queryEvent(this.props.query).then(() => this.props.queried_events.forEach(function(event){
        return (    <div>
            <span className = 'EventTitle'>JSON.parse(event["title"])</span>
            {this.props.artist_events ?
            this.props.artists_events.forEach((entertainer) => {
            return <span className = 'ArtistName'>
                <span onClick = {this.state.entertainer !== entertainer.name ? this.props.ParseEventsByArtist(entertainer.name, this.props.eventForecast).then(function(){this.setState({artist: entertainer.name})}) : null}>
                    entertainer.name
                </span>
            </span>}) :
            event.performers.forEach((entertainer) => { return <span className = 'ArtistName'>
                <span onClick = {this.state.entertainer !== entertainer.name ? this.props.ParseEventsByArtist(entertainer.name, this.props.eventForecast).then(function(){this.setState({artist: entertainer.name})}) : null}>
                    entertainer.name
                </span>
            </span>
            })
            }
            <span className = 'EventHappenstance'>JSON.parse(event["venue"]["name"])</span>
            <span className = 'EventAddress'>JSON.parse(event["venue"]["address"]), JSON.parse(event["venue"]["extended_address"])</span>
        </div>
        )
        }))
        }
    </div>

</div>
)
}
function mapStateToProps(state){
queried_events: state.eventOptions.queried_events
}

export default connect(mapStateToProps, {queryEvent})(EventQueries)

在浏览器控制台中，这就是我从这个特定文件中得到的返回:EventQueries.js

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

这是一个简单的错误。我只需要在 mapStateToProps 中的 queried_events 前面添加一个 return ，以便函数能够理解 this.props.queried_events 所指的内容。