Для инициализации Air Datepicker в React нужно выполнить следующие шаги:
1. Установите необходимую библиотеку с помощью npm. Введите команду:
npm install airbnb-datepicker --save
2. Импортируйте библиотеку в вашем компоненте:
import DatePicker from 'airbnb-datepicker'; import 'airbnb-datepicker/dist/index.css';
3. Создайте состояние или переменную, в которой будет храниться значение выбранной даты:
const [selectedDate, setSelectedDate] = useState(null);
4. В рендеринге компонентов добавьте экземпляр Datepicker и настройте его:
<DatePicker value={selectedDate} onChange={date => setSelectedDate(date)} placeholder="Select a date" />
В этом примере настройка загружает выбранную дату в состояние selectedDate
каждый раз, когда пользователь изменяет значение выбранной даты. Значение selectedDate
используется для отображения выбранной даты в поле DatePicker
и для дальнейшей работы с ней в вашем приложении.
Таким образом, при инициализации Air Datepicker в React вам понадобится установить библиотеку, импортировать компонент, настроить его и добавить обработчик событий, чтобы обновлять состояние после выбора даты пользователем.