javascript - 如何按 es6/React 中的特定字段对 map 进行排序？

Question

我有这张 map ，我想按“id”值排序:

{products.map(({ id, headline }) => (
  <Container>
    <Row key={id}>
      <Col>
        <p>id={id}</p>
        <p>headline={headline}</p>
      </Col>
    </Row>
  </Container>
))}

我该怎么做？

Answer 1

假设 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>
   ))
}