reactjs - 在反应本机中禁用带有条件的按钮

Question

我的应用程序中有一个带有 onPress 功能的按钮，如果日期已经过去，我试图将其设置为禁用，但我不知道我该怎么做。我正在使用相同的条件来设置另一个不透明度及其工作。

 renderItem={({ item }) => (
              <Meetup
                data={item}
                refreshing={refreshing}
                past={parseISO(item.date) < new Date()}   <--  **its working**
              >
                <Banner source={{ uri: item.picture.url }} />
                <Description>
                  <Title>{item.title}</Title>
                  <About>
                    {format(parseISO(item.date), "d 'de' MMMM', ás 'H'h'", {
                      locale: pt,
                    })}
                  </About>
                  <About>{item.location}</About>
                  <About>{`Organizador: ${item.User.name}`}</About>
                </Description>
                <SubscriptionButton
                  onPress={() => handleSubscription(item.id)}
                  disabled={parseISO(item.date) < new Date()}  <--- **not working.**
                >
                  Realizar inscrição
                </SubscriptionButton>
              </Meetup>

标签： reactjsreact-native

Answer 1

尝试使用new Date而不是parseISO：

 past={new Date(item.date) < new Date()}