如何将第 3 方 javascript 模块“导入”到我的反应项目中？

Question

我正在尝试调整这个名为react-add-to-calendar 的模块，以在单击下拉项目时支持onClick事件，因为该库的创建者似乎不再维护它。 我已将ReactAddToCalendar.js文件移到我的项目中，并像这样要求它：

import AddToCalendar from 'apps/bookings/components/ReactAddToCalendar'

根据这个答案，还有一个看起来像这样的ReactAddToCalendar.d.ts ：

declare module "ReactAddToCalendar";

但现在我收到了这个错误：

File '.../{project_name}/app/javascript/apps/bookings/components/ReactAddToCalendar.d.ts' is not a module.

我试过到处寻找如何克服这个问题，但我找不到任何东西。

Answer 1

您必须从命令行像这样安装它：

npm install react-add-to-calendar --save

然后您只需将其放入所需的组件中：

import AddToCalendar from 'react-add-to-calendar';

来自组件的 git 的示例：

import React from 'react';
import AddToCalendar from 'react-add-to-calendar';

class Example extends React.Component {
  static displayName = 'Example';
  state = {
    event: {
      title: 'Sample Event',
      description: 'This is the sample event provided as an example only',
      location: 'Portland, OR',
      startTime: '2016-09-16T20:15:00-04:00',
      endTime: '2016-09-16T21:45:00-04:00'
    }
  };

  render() {
    return <AddToCalendar event={this.state.event}/>;
  };
}

说明就在那里。 或者你不能从 NPM 安装模块？