我有这张 map ,我想按“id”值排序:
{products.map(({ id, headline }) => (
<Container>
<Row key={id}>
<Col>
<p>id={id}</p>
<p>headline={headline}</p>
</Col>
</Row>
</Container>
))}
我该怎么做?
最佳答案
假设 id
是一个数字,您可以执行 products.sort(({id: previousID}, {id: currentID}) => previousID - currentID)
像这样:
JavaScript 代码:
{products
.sort(({ id: previousID }, { id: currentID }) => previousID - currentID)
.map(({ id, headline }) => (
<Container key={id}>
<Row>
<Col>
<p>id={id}</p>
<p>headline={headline}</p>
</Col>
</Row>
</Container>
))
}
关于javascript - 如何按 es6/React 中的特定字段对 map 进行排序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51219133/