React中的新手:如何编辑通过npm安装的组件？

Question

我已经按照这个网址(https://github.com/react-component/calendar)中的说明在我的依赖项中安装了一个组件应用程序。我已经成功地安装了它，导入了它，它在我的web应用程序中是可见和可用的。

npm install rc-calendar
import Calendar from 'rc-calendar';

<Calendar />

但是，我似乎不能编辑它或找到一个'Calendar.js‘文件来对其进行更改？我可以在我的package.json文件中看到它，但仅此而已

Answer 1

你可以，但你不应该这么做。

当你使用npm时，假设你不改变这些包，你能做的就是创建你自己的版本。如果你想找到源代码，有些包是附带的，你可以在：<project folder>/node_modules/rc-calendar中找到。

Answer 2

您可以在项目的node_modules文件夹中找到源文件。但我不会在那里编辑它们。如果您想使用该插件作为起点并从那里对其进行编辑，我建议从github代码库下载源文件，并将其作为常规.js文件/常规组件包含在您的项目中。然后，您可以从那里进行编辑。看起来这个插件有很多用typescript编写的文件。

Answer 3

典型的约定是不编辑通过npm安装的包。但是，您可以克隆包repo并将其包含在您的项目中。在那里，你可以做任何你想做的事情。