react-datepicker未正确显示日期

Question

我想和react一起使用react-datepicker，但我不知道为什么不能正确显示日历，也不知道为什么它不能工作，我如何修复它。

以下是我的代码

import DatePicker from "react-datepicker";
import setHours from "date-fns/setHours";
import setMinutes from "date-fns/setMinutes";

import "react-datepicker/dist/react-datepicker.css";


function ProfileDetails() {
  const [startDate, setStartDate] = useState(
    setHours(setMinutes(new Date(), 30), 16)
  );

  return (
    <>
          <DatePicker
            selected={startDate}
            onChange={(date) => setStartDate(date)}
            showTimeSelect
            includeTimes={[
              setHours(setMinutes(new Date(), 0), 17),
              setHours(setMinutes(new Date(), 30), 18),
              setHours(setMinutes(new Date(), 30), 19),
              setHours(setMinutes(new Date(), 30), 17),
            ]}
            dateFormat="MMMM d, yyyy h:mm aa"
            inline
          />
    </>
)
}

它只按列方向显示日期，如下图所示。

​

​

Answer 1

css导入或CSS加载器肯定有一些问题。当我复制你的代码时，它工作正常。但是当我注释css导入时，它的行为与您上面提到的完全一样。