Question

我很难理解这个JSX代码中的错误。感觉就像我正在为JSX应用正确的传统规则，但是下面我发布了我从控制台收到的反馈，它似乎源于承诺中的第一个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前面添加一个返回，以便函数理解this.props.queried_events所指的内容。

Answer 2

您需要从此处删除return语句：

<div className = 'EventBlock'>
  {return

您实际上是在return内嵌套return。那里没有必要。

jsx无法编译意外令牌

2 个答案: