草庐IT

postTransition

全部标签

javascript - react : Rendering a list in reverse order

我正在使用React和Reflux构建一个应用程序,我正在尝试按特定顺序呈现项目列表。这些项目是按时间倒序呈现的自定义Post组件,因此最新的帖子位于列表的顶部。我正在使用可汗学院的TimeoutTransitionGroup让列表项淡入淡出。我看到的问题是,当我添加新帖子并且组件通过新Prop获取更新列表时,转换发生在列表中的最后元素上,而不是第一个。我想要它以便第一个元素淡入,因为这是添加的新项目的位置。帖子2帖子1有没有办法指定项目的相同顺序,但以相反的顺序呈现它们,或者类似的东西?这是我组件的渲染函数:if(!(this.props.posts&&this.props.orde