如何在rails中使用npm包(react-datepicker)？

Question

我有一个带有webpacker和react-rails gem的Rails 5应用程序。我想试试https://reactdatepicker.com/套餐。

我使用yarn add react-datepicker安装它

如何在我的代码中使用它？

Answer 1

您链接的official site似乎没有文档，但在this page上有一个基本示例的代码。确保使用与datepicker相关的两个"import“行。

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)} />
  );
};