SingleDatePicker by react-dates未在更改时关闭

Question

嘿，我已经在我的应用程序上设置了反应日期功能，但是当选择日期时，并不会使日历关闭。

我在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;

Answer 1

**编辑：Here是我的示例代码沙箱。

试试这个怎么样？

根据其document，onFocusChange似乎应该将{ focused : boolean }对象作为参数。

const onFocusChange = ({ focused }) => {
  setFocused(focused);
};

<SingleDatePicker
    date={dob}
    onOutsideClick={true}
    numberOfMonths={1}
    onDateChange={setDate}
    focused={focused}
    onFocusChange={onFocusChange}
    id="dob"
  />