Reactjs 在React中创建将来的日期对象

我正在尝试在react中创建一个滑雪应用程序，我想在其中设置一些日期，以便在发生滑雪事件时使用。每当我使用date对象，并将将来的日期传递给构造函数时，它就会显示出来

Nan/Nan/Nan

这是我的密码：

我知道我可以将日期相乘或添加值，但在构造函数内部这样做是最佳实践，还是在组件外部创建值，然后将它们传递进来更好，我是新手，有些我不确定，最佳实践是什么

编辑：

这是我的SkiDayRow.js组件

import React，{Component}来自“React”；
从“react icons/fa”导入{FaBeer}；
从“React”导入React，{Component}；
从“react icons/fa”导入{FaBeer}；
export const SkiDayRow=（{度假村、日期、粉末、偏远地区}）=>(
{date.getMonth（）+1}/{date.getDate（）}/{date.getFullYear（）}
{度假酒店}
{粉末？：空}
{backcountry？：null}
);

该对象非常基本，我不确定它是否需要是React组件。您可以使用浏览器设置日期的格式

如果你仍然想要一个组件，你可以这样做

日期组件：

export class DateComponent extends Component {
  render() {
    const {day, month, year} = this.props;
    return (
      <div>{month}/{day}/{year}</div>
    ):
  }
}

---

很难说你为什么会得到

Nan/Nan/Nan

，而没有看到你的

SkiDayList

组件是如何实现的。很抱歉，我将对

SkiDayList

进行编辑，很遗憾，它也没有包含足够的信息。您必须向我们显示使用日期对象的代码。可能是SkiDayRow是吗？是的，它是错误的组件，现在正在编辑。你说的“超过12”是什么意思？2018年5月x日的

x

中的

x

在您的代码中是否有时超过12？这将是一个无效的日期，因此这可能是您出现错误的原因。我明白您的观点，但为了使我的项目更具结构，我认为最好是将日期属性传递到对象中？如果您想向日期组件添加更多功能，例如更多格式类型、对其他时区的支持，可能是字体，颜色或其他显示日期的方式等。构建组件是有意义的。如果它只是一个简单的日期字符串，我想你不需要它。

(...)
render() {
  return (
    <DateComponent day={10} month={08} year={2018} />
  );
}