简单的React.js实现

Simple React.js implementation

本文关键字：实现 js React 简单更新时间：2023-09-26

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

到目前为止，我的主要应用程序组件保持着应该显示哪个组件的状态。该主要应用程序组件还呈现所有4个顶级组件。4个顶级组件CCD_ 1中的每一个组件本身基于应用程序状态。这是切换不同组件的最佳方式吗？还是应该手动装载和卸载每个组件？如果我采用mount/unmount方法，我还能轻松地转换每个元素吗？

我本来会对道格拉斯的回答投赞成票或发表评论，但我没有足够的代表！

ReactCSSTransitionGroup会做你想做的事。采用教程示例来满足您的目的，不要忘记先编写动画样式(ReactCSSTransitionGroup依赖CSS animationend回调来知道元素何时离开/进入dom(。它将为您添加辅助类，以便您可以在(传入和传出(元素之间创建转换效果。

ReactCSSTransitionGroup可能会满足您的需求，至少您可以查看实现，看看它们是如何实现的。