json - 在 React 中按日期排列 JSON 数据——没有中断，没有任何工作

Question

为此，我在 Stack Overflow 上找到了一些答案，但它们在我的代码中不起作用。目前我有一个包含News数组的 JSON 文件。每个对象都有一个标题、描述和日期。排序不起作用，但它目前也没有破坏页面，所以我不确定要调试什么或什么可以帮助它工作。任何帮助深表感谢！

这是我的 News.js 文件中的代码：

import labNewsJson from '../json/labNews.json';
import '../styles/News.css';

const newsList = labNewsJson['news']

class News extends Component {
    render() {
        newsList.sort ( function (a, b){
            return new Date(a.date) - new Date(b.date);
        });

        const news = newsList.map((newsItem, index) => {
            return (
                <div className='newsContainer' key={index}>
                    <h3>{newsItem.title}</h3>
                    <p>{newsItem.description}</p>
                </div>
            )
        });

        return (
            <div className='container'>
                <div className='pageTitle'><h1>Lab News</h1></div>
                <div>{news}</div>
            </div>
        );
    }
}

export default News;

标签： jsonreactjssorting