正确显示react-datepicker控件

Question

我正在尝试使用“react-datepicker”组件，但它显示正确。具体地说，它只有一行高。

​

相信导入的CSS是正确的。我做到了：

import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

我能够看到确实导入了一些react-datepicker样式。我只是不明白为什么我的"popper“显示在一行中。

我将该组件用作：

    <div className="date-picker">
      <DatePicker 
      onChange={() => {}}
      selected={startDate}
    />

请给我建议。如果我将flex-direction: column;添加到react-datepicker__month、react-datepicker__month-container和react-datepicker__header中，问题就会消失。

Answer 1

您应该使用相对路径而不是绝对路径，如。

您可以从node_modules导入日期选择器css文件

像导入'../node_modules/react-datepicker/dist/react-datepicker.css'；一样导入