如何在 React 中对组件进行排序答案

【问题标题】：How to sort a component in React如何在 React 中对组件进行排序
【发布时间】：2018-11-24 02:52:27
【问题描述】：

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

 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>

【问题讨论】：

对于sort like 键上的数组，然后使用map 生成组件。
你能举个例子吗？
你可以使用类似this.props.object.sort((a,b) => b.likes.length - a.likes.length).map(/*component logic here*/);
你可以使用普通的sort array function
stackoverflow.com/questions/43572436/…

标签： reactjs

【解决方案1】：

Hassan Imam 在 cmets 中的解决方案有所帮助：

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

【讨论】：