2017-02-22 51 views
0

Я использую этот НПМ 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. Я вижу, что это получилось, но когда я нажимаю на него, он ничего не делает. Я понятия не имею, что случилось, в моей консоли нет ошибок.

+0

Вы уверены, что импортировали DateRangePicker из «дат реагирования»? – squgeim

+0

@squGEIm очень уверен, потому что, как я сказал, SingleDatePicker будет работать. –

ответ

0

В 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 к сфокусированным опорам (как показан выше) , С реализацией выше вы просто должны добавить значение inital focused в ваше состояние.

ie. state = {... focused: false}

Знайте, что вам необходимо использовать пакет moment, чтобы получить объекты даты до опоры date.