当用户点击使用时刻时显示下一个明天的日期或昨天的日期答案

【问题标题】：Show next tomorrow's date or yesterday date when user click using moment当用户点击使用时刻时显示下一个明天的日期或昨天的日期
【发布时间】：2021-02-22 07:14:05
【问题描述】：

我创建了一个功能，用户可以通过单击下一个箭头或后退箭头来查看明天的日期或昨天的日期。但是当用户点击箭头日期并没有改变。下面是我的代码。谁能告诉我怎么了？

<PressImage
  source={imagePath.back}
  onPress={() => moment().subtract(1, 'day').format('DD MMM YYYY')}
/>
<Text
  style={{
    ...commonStyles.fontSize15,
    fontFamily: fontFamily.mediumText,
    color: colors.themeColor,
  }}>
  {moment().format('DD MMM YYYY')}
</Text>
<PressImage
  source={imagePath.rightArrowBtn}
  onPress={() => moment().add(1, 'day').format('DD MMM YYYY')}
/>

【问题讨论】：

事实上，您将“现在”日期 (moment().format('DD MMM YYYY')) 作为 Text 组件的值，并且您没有告诉页面更改它，而只是计算下一天/前一天的日期并扔掉。 @Lakhani 的答案解决了这个问题，将日期置于一个状态并更新它:)

标签： javascript react-native momentjs

【解决方案1】：

试试这个方法

const [date,setDate] = useState(moment().format('DD MMM YYYY'));

 <PressImage
          source={imagePath.back}
          onPress={() => setDate(moment().subtract(1, 'day').format('DD MMM YYYY'))}
        />
        <Text
          style={{
            ...commonStyles.fontSize15,
            fontFamily: fontFamily.mediumText,
            color: colors.themeColor,
          }}>
          {date}
        </Text>
        <PressImage
          source={imagePath.rightArrowBtn}
          onPress={() => setDate(moment().add(1, 'day').format('DD MMM YYYY'))}
        />

【讨论】：