Javascript 简单React.js实现

我有一个相对简单的应用程序，有一个标题和一个主要部分的内容。主部分最多可以显示4种不同类型的组件，但一次只能显示1个组件。每个组件都需要能够根据状态从一个组件转换（滑动）到下一个组件

---

到目前为止，我的主应用程序组件保持应该显示哪个组件的状态。此主应用程序组件还呈现所有4个顶级组件。4个顶级组件中的每一个都根据应用程序状态隐藏/显示自己。这是打开和关闭不同组件的最佳方法，还是手动安装和卸载每个组件？如果我采用

挂载/卸载
的方法，我仍然能够轻松地转换每个元素吗？
A可能会做您需要的事情，至少您可以查看实现以了解它们是如何完成的。
我会对道格拉斯的答案进行投票或评论，但我没有足够的代表

ReactCSTranssitionGroup将执行您想要的操作。根据您的目的采用该示例，并且不要忘记首先编写动画样式（ReactCSStranisitionGroup依赖于CSS animationend回调，以了解元素何时离开/进入dom）。它将为您添加帮助器类，以便您可以在（传入和传出）之间创建转换效果元素。
如果您添加了一些示例，我可能会对您的答案进行投票，以便您的答案比之前发布的答案更具信息性/描述性。我确实链接到了教程，但我在实际应用中实现这一点的唯一一次是在内部应用程序上（我显然无法共享）。这是我在学习react时制作的一个测试页面的链接。当列表项被添加到DOM中时，菜单淡入淡出效果使用ReactCsStrasitionGroup来做一个简单的不透明度转换效果：我希望这有一些用处。（关于那次投票……）