React 新手：如何编辑通过 npm 安装的组件？答案

【问题标题】：Newbie in React: how to edit a component that was installed via npm?React 新手：如何编辑通过 npm 安装的组件？
【发布时间】：2020-01-21 23:48:15
【问题描述】：

我已按照此 URL (https://github.com/react-component/calendar) 中的说明在我的依赖项中安装组件应用程序。我已成功安装、导入它，它在我的网络应用程序中可见和可用。

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

<Calendar />

但是，我似乎无法对其进行编辑或找到“Calendar.js”文件对其进行更改？我可以在我的 package.json 文件中看到它，但仅此而已

【问题讨论】：

它将在您的 node_modules 文件夹中的某个位置。但是不，您不应该编辑这些依赖项。如果组件不能满足您的需求，那么您需要找到另一个组件，或者自己编写。

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

TL;DR 你可以，但你不应该。

当您使用 npm 时，假设您不更改这些包，您可以做的是创建自己的版本。如果你想找到源代码，一些包自带的，你会发现它在：<project folder>/node_modules/rc-calendar。

【讨论】：