const menuTabName: QTabMenus = {
tabs: [{
tabName: "创建问卷",
id: 1
},
{
tabName: "我的问卷",
id: 2
}],
currentIndex: 1
}
type QTabMenus = {
tabs: tabList[],
currentIndex: Number
}
type tabList = {
tabName: String,
id: Number
}
class TopLeaderMenu extends React.Component < {
dataSource: QTabMenus
},
{
menuTabName ? :QTabMenus
} > {
componentWillMount() {
this.setState({
menuTabName
})
}
tabChoiced(id) {
this.setState({
menuTabName
})
}
render() {
const that = this;
const {
menuTabName
} = this.state;
const menuListTab = this.props.dataSource.tabs.map((item, index) = >{
const tabStyle = item.id == menuTabName.currentIndex ? "on": "";
return < li data - key = {
item.id
}
className = {
tabStyle
}
onClick = {
e = >{
this.setState({});
}
} > {
item.tabName
} < /li>
});
return(
<div className="mail_paper_ul">
<ul>
{menuListTab}
</ul >
</div>
)
}
}
谁能帮我改一下,我的目的是做个tab菜单切换,state和setState,这两种状态不会设置
xiehaiyan
#1