如何在Rails中使用npm包（react-datepicker）？

Question

我有带有webpacker的Rails 5应用程序和react-rails gem。 我想尝试https://reactdatepicker.com/软件包。

我使用yarn add react-datepicker

安装它

如何在代码中使用它？

Answer 1

您链接的 official site 似乎没有文档，但在 this page 上有一个基本示例的代码。请务必使用与 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)} />
  );
};