javascript - 插件的 Npm 依赖项

Question

警告:我对 NPM 依赖项的了解非常有限，我正在尝试了解来自 Ruby 世界的这一点。

我正在使用 React 开发 Chrome 扩展。在我的 content.js 脚本的顶部，我有以下内容:

var React = require("react");
var $ = require("jquery");
var moment = require("moment");

React 应用程序一切正常，但现在我尝试向某些字段添加日期选择器。我找到了这个组件:https://www.npmjs.org/package/react-datepicker 。我想尝试一下。所以我这样做了:

npm install react-datepicker --save

然后将其安装到我的package.json中。但现在在我的 content.js 脚本的顶部，我该如何要求它？

我尝试过:

require("react-datepicker");

但这不起作用并抛出:

Error in event handler for (unknown): DatePicker is not defined

然后我尝试将其发送到变量，但后来我更加困惑，因为我不确定稍后是否需要引用它的输出。我真的只需要加载它并在 React 应用程序的上下文中使用它。

Answer 1

根据经验，require('anything') 应该没有副作用，因此忽略它的结果会使其毫无用处。

它不会将任何内容加载到 React 中，它只是为您提供组件类，然后您可以在组件中使用该组件类。

var DatePicker = require("react-datepicker/react-datepicker");
var React = require("react");

var MyThing = React.createClass({
  render: function(){
    return <div><DatePicker /></div>
  }
});

module.exports = MyThing;