反应父组件:
return(
<div className="child">
{this.state.showChild2} ? <Child2> : <Child1 />
</div>
<div className="child">
{this.state.showChildA} ? <Child2> : <Child1 />
</div>
<div className="child">
{this.state.showChildB} ? <Child2> : <Child1 />
</div>
<div className="child">
{this.state.showChildC} ? <Child2> : <Child1 />
</div>
in parents state I have a flag for
this.state = {
activeBTN = "red"
}
这样可以在红色和蓝色之间切换 - 例如 - 如何更改所有子组件必须重新渲染时,如何将其传递给所有子组件 - 调用不同的动作创建者。