reactjs 正确显示react-datepicker控件

ao218c7q  于 8个月前  发布在  React
关注(0)|答案(1)|浏览(118)

我正在尝试使用“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__monthreact-datepicker__month-containerreact-datepicker__header上,问题就解决了。

6ju8rftf

6ju8rftf1#

应该使用相对路径而不是绝对路径。
您可以从node_modules导入date-picker CSS文件:

import like 
import '../node_modules/react-datepicker/dist/react-datepicker.css';

字符串

相关问题