[英]SingleDatePicker by react-dates is not closing on change
Hey I have set up a react dates functionality on my app, however the date, when chosen doesnt make the calendar close.嘿,我已经在我的应用程序上设置了一个反应日期功能,但是选择日期不会使日历关闭。
I have the example here on https://codesandbox.io/s/magical-dubinsky-xuxkj?file=/src/App.js:0-681我在https://codesandbox.io/s/magical-dubinsky-xuxkj?file=/src/App.js:0-681上有这个例子
import React, { useState } from "react";
import { SingleDatePicker } from "react-dates";
import "react-dates/initialize";
import "react-dates/lib/css/_datepicker.css";
const CreateGroupEvent = (props) => {
const [dob, setDob] = useState(null);
const [focused, setFocused] = useState(false);
const setDate = (date) => {
setDob(date);
setFocused(false);
};
return (
<>
<SingleDatePicker
date={dob}
// {...input}
onOutsideClick={true}
numberOfMonths={1}
onDateChange={setDate}
focused={focused}
onFocusChange={setFocused}
id="dob"
/>
</>
);
};
export default CreateGroupEvent;
** EDITED: Here is my example code sandbox. ** 已编辑: 这是我的示例代码沙箱。
How about trying this?试试这个怎么样?
According to its document , onFocusChange
seems to should take { focused: boolean }
objects as parameters.根据其文档,
onFocusChange
似乎应该将{ focused: boolean }
对象作为参数。
const onFocusChange = ({ focused }) => {
setFocused(focused);
};
<SingleDatePicker
date={dob}
onOutsideClick={true}
numberOfMonths={1}
onDateChange={setDate}
focused={focused}
onFocusChange={onFocusChange}
id="dob"
/>
This seems to be a version related quirk -- if you just do:这似乎是一个与版本相关的怪癖——如果你这样做:
onFocusChange={(focusedInput)=> setFocused(focusedInput.focus)}
it'll work.它会工作的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.