首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >@react-native-community/datetimepicker显示popup-picker 2次

@react-native-community/datetimepicker显示popup-picker 2次
EN

Stack Overflow用户
提问于 2021-03-06 00:20:53
回答 1查看 256关注 0票数 2

我在我的应用程序中使用了@react-native-community/datetimepicker。这应该是从datepicker收集用户定义的日期,然后将其发送到数据库。但是,当我按下一个按钮并打开datepicker时,datepicker弹出窗口显示两次。我选择一个日期,按下ok,窗口就会关闭。然后仅仅几毫秒之后,一个新的日期选择器打开。有人知道为什么会这样吗?

代码语言:javascript
复制
const onChange = (event, selectedDate) => {
        var inputDate = selectedDate.toISOString()
        var outputDate = inputDate.split("T")[0]
        setSelectedDate(outputDate)
        setDate(date)
        setShow(false);
        console.log(outputDate)
    }

const showDatepicker = () => {
        setShow(true)
    }

...

<View>
   <Button title="Choose date" onPress={showDatepicker} />
      </View>
      {show ? (
         <DateTimePicker
            value={date}
            onChange={onChange}
            mode={'date'}
            display="default"
         />
      ) : (<View />)}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-03-06 02:44:25

尝试下面可能有帮助的代码

代码语言:javascript
复制
const onChange = (event, selectedDate) => {
    const inputDate = selectedDate.toISOString();
    const outputDate = inputDate.split('T')[0];
    setSelectedDate(outputDate);
    setDate(outputDate);
  };

  React.useEffect(() => {
    setShow(false);
  }, [date]);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66496042

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档