Как я могу использовать пакет npm (react-datepicker) с rails?

#ruby-on-rails #reactjs

#ruby-on-rails #reactjs

Вопрос:

У меня есть приложение Rails 5 с webpacker и драгоценным камнем react-rails. Я хочу попробовать https://reactdatepicker.com / пакет.

Я устанавливаю его с помощью yarn add react-datepicker

Как я могу использовать его в своем коде?

Комментарии:

1. Rails (серверная часть) здесь не имеет значения… Документы для библиотеки datepicker действительно понятны… Если вы не знакомы с React — возможно, просто начните с базового tut…

Ответ №1:

На официальном сайте, на который вы ссылались, похоже, нет документов, но на этой странице есть код для базового примера. Обязательно используйте две строки «импорт», связанные с datepicker.

 import React, { useState } from "react";
import DatePicker from "react-datepicker";
 
import "react-datepicker/dist/react-datepicker.css";
 
// CSS Modules, react-datepicker-cssmodules.css
// import 'react-datepicker/dist/react-datepicker-cssmodules.css';
 
const Example = () => {
  const [startDate, setStartDate] = useState(new Date());
  return (
    <DatePicker selected={startDate} onChange={date => setStartDate(date)} />
  );
};