如何在React中对组件排序

Question

我在应用程序页面上有一个侧边栏元素，我要按喜欢的数量对其进行排序。如何在映射操作阶段实现排序，以便正确绘制组件？

 return (
        <section>
            <Popular/>
            <div>
                {this.props.object.map((summary, i) =>
                    <SideBarPost id={summary.id}
                                 firstName={summary.User.firstName}
                                 lastName={summary.User.lastName}
                                 title={summary.title}
                                 createdAt={summary.createdAt}
                                 likes={summary.likes.length}
                                 key={i}
                    />)
                }
            </div>
         </section>

Answer 1

哈桑·伊玛目（Hassan Imam）在评论中的解决方案有所帮助：

  

您可以使用类似this.props.object.sort((a,b) => b.likes.length - a.likes.length).map(/*component logic here*/);