RN_选项卡

image.png

constructor(props) {
    super(props);
    this.state = {
        TabChoose: 'LianXi',
    }
}

---

    {/* 选项卡 */}
    
        this.TabChooseToggleFun('LianXi')}>
            章节练习
        
        this.TabChooseToggleFun('ZhenTi')}>
            历年真题
        
        this.TabChooseToggleFun('CePing')}>
            考试测评
        
    
    {/* 选项卡面板 */}
    {this.TabChooseTogglePanelFunWrap()}

---

TabChooseToggleFun(e) {
    if(e != this.state.TabChoose) {
        this.setState({
            TabChoose: e,
        })
    }
}

// 选项卡面板
TabChooseTogglePanelFunWrap() {
    if(this.state.TabChoose === 'LianXi') {
       return(
               1111
       )
    } else if(this.state.TabChoose === 'ZhenTi') {
        return(
                2222
        )
    } else if(this.state.TabChoose === 'CePing') {
        return(
                3333
        )
    }
}