如何";进口;我的react项目的第三方javascript模块?
我试图调整调用的这个模块,以便在单击下拉项时支持如何";进口;我的react项目的第三方javascript模块?,javascript,reactjs,typescript,Javascript,Reactjs,Typescript,我试图调整调用的这个模块,以便在单击下拉项时支持onClick事件,因为库的创建者似乎不再维护它。我已将ReactAddToCalendar.js文件移到我的项目中,并要求如下所示: import AddToCalendar from 'apps/bookings/components/ReactAddToCalendar' 还有一个ReactAddToCalendar.d.ts,看起来像这样: 但现在我得到了这个错误: File '.../{project_name}/app/javascr
onClick
事件,因为库的创建者似乎不再维护它。我已将ReactAddToCalendar.js
文件移到我的项目中,并要求如下所示:
import AddToCalendar from 'apps/bookings/components/ReactAddToCalendar'
还有一个ReactAddToCalendar.d.ts
,看起来像这样:
但现在我得到了这个错误:
File '.../{project_name}/app/javascript/apps/bookings/components/ReactAddToCalendar.d.ts' is not a module.
我试着到处寻找如何克服这个问题,但我找不到任何东西。您必须从命令行这样安装它:
npm install react-add-to-calendar --save
然后你只需要把它放在所需的组件中:
import AddToCalendar from 'react-add-to-calendar';
组件的git中的示例:
import AddToCalendar from 'react-add-to-calendar';
从“React”导入React;
从“反应添加到日历”导入AddToCalendar;
类示例扩展了React.Component{
静态显示名称='Example';
状态={
活动:{
标题:“示例事件”,
description:'这是仅作为示例提供的示例事件',
地点:'波特兰,或',
开始时间:“2016-09-16T20:15:00-04:00”,
结束时间:“2016-09-16T21:45:00-04:00”
}
};
render(){
返回;
};
}
说明就在那边。
或者您不能从NPM安装模块?它没有我需要的功能,所以我尝试将其转移到我自己的项目中并进行调整。我现在似乎不需要。哦,好吧,我现在明白了。也许你可以从github下载所有的软件包,根据需要进行编辑,然后将软件包以私有形式发布到npm(非常简单!只需两个命令),这样你就可以随心所欲地使用它了。啊,你能给我指一下这方面的教程吗?我对这一切都很陌生,所以我仍在努力找到自己的路。非常感谢。