在 React JS 中创建 Date 对象的有效方法

Question

我有以下功能可以为我创建一个组件：

 renderComments(comments){
        const listcomments = comments.map((comment) => {
            return (
                <li key={comment.id}>
                    <div className="row">
                        {comment.comment}
                    </div>
                    <div className="row">
                        -- {comment.author} , {comment.date}
                    </div>
                </li>
            );
        });
        return(
            <ul className = "list-unstyled">
                {listcomments}
            </ul>
        );

    }

我的问题是 comment.date 的格式很奇怪：“2014-09-05T17:57:28.556094Z”

我想更改格式，但仅输入 Date.parse({comment.date}) 不起作用（它无法将 Date.parse 识别为函数）。我在网上和 SO 中找到了如何通过声明一个新变量来创建一个 Date 对象，但我不能在 return 中真正做到这一点，对吗？

我是新手，所以如果有人能帮助我以有效的方式将 comment.date 转换为普通格式，那就太好了。

Answer 1

Date.parse确实是函数

console.log(Date.parse);

您需要做的就是将正确类型的参数传递给它。您当前的代码

Date.parse({comment.date})

是无效语法，因为对象需要键值对。将 仅将评论日期字符串 传递给它，它就会起作用 - 但是，Date.parse returns 一个 时间戳数字 ，而不是日期对象。如果您想要一个 Date 对象，请使用 new Date，然后您可以使用 various Date methods 从中提取您想要的内容。

const d = new Date("2014-09-05T17:57:28.556094Z");
console.log(d.getMinutes());

在 React JS 中创建 Date 对象的有效方法

Efficient way to create a Date object in react js

reactjs

reactstrap