使用反应最新http://airbnb.io/react-dates

问题描述：

我用这个NPM https://www.npmjs.com/package/react-dates 使用反应最新http://airbnb.io/react-dates

和我做

import { SingleDatePicker } from 'react-dates'; 
and in my render function I do 

<SingleDatePicker id="date" />

...这是它，和它的工作。我试图将SingleDatePicker更改为其第二个API，并根据文档，它是DateRangePicker。我可以看到它被渲染，但是当我点击它时，它什么都不做。我不知道什么是错的，我的控制台没有错误。

您确定您已经从'react-dates'导入了DateRangePicker吗？ – squgeim

@squGEIm非常确定，因为正如我所说SingleDatePicker将工作。 –

答

的react-dates README列出了所需的道具和他们对SingleDatePicker组件类型：

<SingleDatePicker 
    date={this.state.date} // momentPropTypes.momentObj or null 
    onDateChange={date => this.setState({ date })} // PropTypes.func.isRequired 
    focused={this.state.focused} // PropTypes.bool 
    onFocusChange={({ focused }) => this.setState({ focused })} // PropTypes.func.isRequired 
/>

为了处理用户交互，则必须提供一个函数来onFocusChanged和一个bool于聚焦支柱（如上所示）。通过上面的实现，您只需要为您的状态添加一个初始focused值。

即。 state = {... focused: false}

请注意，您需要使用moment包来将日期对象编入date支柱。

使用反应最新http://airbnb.io/react-dates

相关推荐