时间戳

首页 > 解决方案 > 在反应原生的某个日期之后显示组件

javascript - 在反应原生的某个日期之后显示组件

问题描述

在反应原生的某个声明日期之后渲染组件的最佳方法是什么？

不太确定最好的方法

标签： javascriptreactjsreact-nativenative

解决方案

好吧，它仍然只是 JS（或 TS），所以你可以：

<View>
  {(new Date("2020-09-30")) > (new Date()) ? <Component /> : null}
</View>

<Component />如果它在 之后会呈现2020-09-30，null否则会呈现。new Date()没有任何参数的返回当前日期和时间。

当然，"2020-09-30"可以从 API、配置文件或任何适合您需要的文件中获取值……</p>

如果您想在给定的一天而不是在它之后渲染组件，请切换并将表达式的右侧设置为午夜>：>=

(new Date("2020-10-12")) >= (new Date()).setHours(0, 0, 0, 0) ? <Component /> : null

如果你想考虑不同的时区，那就有点棘手了，也许使用像Luxon这样的库是一个最简单的选择。

推荐阅读