当我运行代码时,我一直收到一个意外的令牌错误,我似乎无法弄清楚错误。我确定这是一个语法错误或东西,但我看不到它。它发生在mapStateToProps函数的“return”处。请任何帮助表示赞赏。 再说一遍,我在mapStateToProps函数的“return”处得到一个意外的令牌错误。
import React, { Component } from 'react';
import { connect } from 'react-redux';
import * as css from './Sidebar.css';
class Sidebar extends Component {
render(){
return(
<div>
<div id="wrapper">
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a href="#">
</a>
</li>
<li class="menu-list">
<a href="#">Dashboard</a>
</li>
<li class="menu-list">
<a onClick={this.props.onClickRenderContent} >Content</a>
</li>
<li class="menu-list">
<a onClick={this.props.onClickRenderStore}>Store</a>
</li>
<li class="menu-list">
<a onClick={this.props.onClickRenderEvents}>Events</a>
</li>
<li class="menu-list">
<a onClick={this.props.onClickRenderProfile}>Profile</a>
</li>
</ul>
</div>
</div>
);
}
}
const mapStateToProps = state => {
return {
content: state.activeComponent.content,
events: state.activeComponent.events,
profile: state.activeComponent.profile,
store: state.activeComponent.store
};
};
const mapDispatchToProps = dispatch => {
return {
onClickRenderContent :() => dispatch({ type: 'SHOWCONTENT'}),
onClickRenderEvents :() => dispatch({ type: 'SHOWEVENTS'}),
onClickRenderProfile :() => dispatch({ type: 'SHOWPROFILE'}),
onClickRenderStore :() => dispatch({ type: 'SHOWSTORE'})
};
};
export default connect(mapStateToProps, mapDispatchToProps)(Sidebar);
答案 0 :(得分:2)
代码中缺少/assets/fonts/...
。
可能是关闭</div>
答案 1 :(得分:0)
您需要在HTML部分的末尾添加一个
</div>
。