react问题 新人求助

Question

组件SectionControl里面有三个子组件，每个组件代表注册页面的一个子步骤，完成第一步进入第二步，然后进入第三步最终完成 ，进入其中一步时其他两步页面是隐藏状态，想知道这个怎么控制，其中每一个页面都有一个下一步按钮。

Answer 1

可不可以增加一个 state，名字叫 showControl，控制它的 true和false

Answer 2

给每个组件添加一个状态，用状态控制<Section/>的class,
比如说

this.state=({
    sec1:true,
    sec2:false,
    sec3,false
})

render(){
    return(
        <div className={this.state.sec1?"":"hidden"}>
            <Section1/>
        </div>
        <div className={this.state.sec2?"":"hidden"}>
            <Section2/>
        </div>
        <div className={this.state.sec3?"":"hidden"}>
            <Section3/>
        </div>
    )
}

结束某一步时，调用一个函数，改变state,使得其显示或者隐藏。

思路是这样的，代码仅作参考。