在 React Native 中的特定日期后显示组件

Question

在 React Native 中的某个声明日期之后呈现组件的最佳方式是什么？

不太确定这样做的最佳方式

Answer 1

您可以将特定的声明日期存储在异步存储中，并在 show/hide 组件的适当渲染函数中检查它。

Answer 2

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

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

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

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

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

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

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

Show a component after a certain date in react native