如何在react中实现一个table切换？

Posted 2020-11-20 Panax

废话不说，直接贴代码，供新手参考

export default class TabComponent extends Component {
constructor(props){
super(props);
this.state = {

    };
}
render(){
    return (
        <TabController>
            <div name="one">
                第一部分
            </div>
            <div name="two">
                第二部分
            </div>
            <div name="three">
                第三部分
            </div>
        </TabController>
    );
}

}

上面是一个组件

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 }
) }) }