我有一个基于类的 React 组件,它使用状态和渲染结果中的项目。这是我如何做到这一点的简短片段:
class Menu extends Component {
constructor(props) {
super(props);
this.state = {
items: props.items.edges,
someItems: props.items.edges,
}
}
render() {
if (this.state.items.length > 0) {
return (
<div className="container">
<div className="row">
{this.state.someItems.map(({ node }) => {
return (
<div key={node.id}>
<div>
render some data
</div>
</div>
)
})}
</div>
</div>
);
}
}
}
数据作为数组内的对象接收,如下所示:
我的问题是是否可以在呈现之前按字母顺序对这些项目进行排序?什么是最好的方法?