废话不说,直接贴代码,供新手参考
export default class TabComponent extends Component {
constructor(props){
super(props);
this.state = {
};
}
render(){
return (
第一部分
第二部分
第三部分
);
}
}
上面是一个组件
constructor(props) {
super(props);
this.state = {
coutype: 0
}
}
itemNav = (index) => {
return index === this.state.coutype ? ‘active‘ : ‘‘;
}
{ this.state.couponBar.map((element,index) => { return (
{ this.setState({ coutype: index }) } } className={ this.itemNav(index) } key={index}>{ element } ) }) }