ReactJSonClick使用另一个组件替换现有组件-示例

有没有人遇到过这样的情况，你应该用一个完全不同的组件来替换现有的组件，比如手风琴

<ComponentA /> (+ image) - click on this
<ComponentB /> (- image) - 

（+图像）-单击此按钮
（-image）-

我应该在这里使用状态吗？

---

我应该在每个组件上有单独的图像，但是如何处理将图像精确定位在同一位置的问题。任何关于如何在这些组件之间通信的简单示例都会很有帮助。谢谢。

是的，您需要使用状态来操纵组件的可见性。在渲染函数中，可以执行以下操作

render(){
    return this.state && this.state.showComponent1 ? <ComponentA /> :<ComponentB />
}

onClick = () => this.setState({showComponent1: !this.state.showComponent1})

---

你也可以利用路由器