简单的React.js实现

Question

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

截至目前，我的主要应用程序组件保存应显示哪个组件的状态。此主要应用程序组件还呈现所有4个顶级组件。 4个顶级组件hide/show中的每一个都基于应用程序状态。这是打开和关闭不同组件的最佳方式，还是应该手动安装和卸载每个组件？如果我采用mount/unmount方法，我仍然可以轻松转换每个元素吗？

Answer 1

我会赞成或评论道格拉斯＆＃39;回答，但我没有足够的代表！

ReactCSSTransitionGroup将执行您想要的操作。采用tutorial示例以满足您的目的，不要忘记首先编写动画样式（ReactCSSTransitionGroup依赖CSS动画和回调来了解元素何时离开/进入dom）。它将为您添加辅助类，以便您可以在（传入和传出）元素之间创建过渡效果。

Answer 2

ReactCSSTransitionGroup可能会做你需要的，至少你可以看一下实现，看看他们是怎么做的。