时间戳

首页 > 解决方案 > React - 按 useState 中的最新日期排序

reactjs - React - 按 useState 中的最新日期排序

问题描述

我有这个代码，我想将最新日期排序到最旧日期。比你我的朋友。

在此处输入图像描述

const renderDataNews = (data) => {
    if (context.locale === 'en') { 
    return (
    <> 
      {data.map((news, index) => {
          return (
            <Col key={index} lg='4' md='6' sm='6' xs='12'>
            <Card>
            <CardBody> 
            <CardTitle className='text-right'>{moment(news.date).format('YYYY-MM-DD')}</CardTitle>
                    <li key={index}>{news.title_en}</li>
                    <p>{news.des_en}</p>
            </CardBody>
            </Card>
            </Col>
          )
        })}
   </>
    )

标签： reactjs

解决方案

也许使用这里解释的方法： 如何按日期属性对对象数组进行排序？

data.sort((a,b) => new Date(b.date) - new Date(a.date)).map( /* your mapping code */)

推荐阅读