React是否具有Angular的DatePipe的等价物？

Question

本周我决定开始学习React，因为这个特定的框架有很多工作。

我来自Angular背景，发现自己想知道React中是否有与Angular DatePipe的目的相符的选项。

Answer 1

React API没有内置功能可以为您处理此问题，这通常适用于Angular管道所涵盖的所有功能。相反，你在React中有三个日期格式选项：

• 原生日期处理，例如Intl.DateTimeFormat

• 专门的React组件，例如react-moment

• 可以操作日期的外部包，例如moment

使用哪种方法取决于您的具体需求，但总的来说，我会按照给出的顺序推荐这些。

Answer 2

React不包括Angular的DatePipe等效项，也不包含任何内置的Pipe类型功能。这太糟糕了，因为Pipes非常棒，尽管公认它经常被Angular新手滥用。

尽管Mitch的回答还是不错的，但我还是不愿意为这个有限的任务引入另一个库/程序包/依赖项。

相反，我会接受React的JavaScript优先考虑，并简单地创建一个函数，该函数需要一个日期，并返回格式化为您希望如何显示日期的字符串。

您可以使用JavaScript的内置日期解析工具或将ISO日期解析为字符串，如以下函数所示：

export const convertISOStringToMonthDay = date => {
  const tempDate = new Date(date).toString().split(' ');
  const formattedDate = `${tempDate[1]} ${+tempDate[2]}`;
  return formattedDate;
};