为什么该组件根本不显示？反应DatePicker

这是组件：

import React, { Component } from 'react';
import DatePicker from 'react-datepicker';

class DatePickerCreater extends Component {
    constructor(props){
        super(props);
    }

    render() {
        return (
             this.props.blurHandler(e.target.value,this.props.answer)} 
            />
        );
    }
}

export default DatePickerCreater

当我尝试渲染它时，它什么也没有显示...

非常感谢每个答案！

该selected属性需要一个moment.js日期，而不是简单的Javascript日期。您应该得到一个错误消息，说“ date.clone不是一个函数”。您可以使用即时日期来解决此问题：

import moment from 'moment';

class DatePickerCreater extends Component {
    render() {
        return (
             this.props.blurHandler(e.target.value, this.props.answer)}
            />
        )
    }
}

另外，您可能已忘记导入react-datepickercss文件。否则，弹出窗口将无法正确显示：

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

编辑

由于他们切换到使用date-fns此答案已经过时。如果使用react-date-picker的是版本>=2.0，则无法再传递moment.js实例。而是使用本机Date对象并使用进行操作date-fns。

以供参考：

直到版本1.8.0，此软件包一直使用Moment.js。从v2.0.0开始，我们切换到使用date-fns（它使用本机Date对象）来减小程序包的大小。如果您是从1.8.0切换到2.0.0或更高版本，请参见上面的更新示例，以查看示例网站以获取最新示例。