廢話不說，直接貼代碼，供新手參考

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

如何在react中實現一個table切換？