如何解决@react-native-community/datetimepicker 显示 popup-picker 2 次
我在我的应用中使用 @react-native-community/datetimepicker。这应该从日期选择器收集用户定义的日期,然后将其发送到数据库。但是,当我按下按钮并打开日期选择器时,日期选择器弹出窗口会出现两次。我选择一个日期,按确定,然后窗口关闭。然后仅仅几毫秒后,一个新的日期选择器打开。有人知道为什么会这样吗?
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 />)}
解决方法
试试下面可能有帮助的代码
const onChange = (event,selectedDate) => {
const inputDate = selectedDate.toISOString();
const outputDate = inputDate.split('T')[0];
setSelectedDate(outputDate);
setDate(outputDate);
};
React.useEffect(() => {
setShow(false);
},[date]);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。