Question

我使用这个npm https://www.npmjs.com/package/react-dates

我做了

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

<SingleDatePicker id="date" />

......就是这样，它起作用了。我尝试将SingleDatePicker更改为其第二个API，并根据文档DateRangePicker进行操作。我可以看到它被渲染，但是当我点击它时它什么也没做。我不知道什么是错的，我的控制台没有错误。

Answer 1

react-dates README列出了cascade = CascadeType.REMOVE组件所需的道具及其类型：

SingleDatePicker

要处理用户交互，您必须为onFocusChanged提供一个函数，并为聚焦的prop提供bool（如上所示）。通过上面的实现，您只需要向您的州添加初始<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 />值。

即。 focused

请注意，您需要使用moment包将日期对象刺激到state = {... focused: false}道具。

使用react-date http://airbnb.io/react-dates

1 个答案: