javascript之不使用 Webpack/Node 时如何使用 Reactjs Datepicker

我正在尝试在 VisaulForce 页面 (Salesforce) 中构建一个 reactjs 页面，这意味着我无法轻松设置 webpack 和所有那些很棒的工具。

我一直在使用 babel-standalone，它帮了很多忙，但现在我在尝试让日期选择器工作时遇到了问题。

我有这些脚本

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.min.js"> </script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-dom.min.js"> </script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.min.js"> </script 

然后我所有的代码都在中间

 <script type="text/babel" data-presets="es2017,react,stage-0" data-plugins="transform-decorators-legacy"> </script> 

我尝试使用 this datepicker plugin但我收到以下错误

Uncaught TypeError: (0 , _reactOnclickoutside2.default) is not a function 
    at Object.module.exports (react-datepicker.js:1003) 
    at __webpack_require__ (react-datepicker.js:30) 
    at Object.module.exports (react-datepicker.js:573) 
    at __webpack_require__ (react-datepicker.js:30) 
    at Object.defineProperty.value (react-datepicker.js:65) 
    at __webpack_require__ (react-datepicker.js:30) 
    at Object.defineProperty.value (react-datepicker.js:50) 
    at react-datepicker.js:53 
    at webpackUniversalModuleDefinition (react-datepicker.js:9) 
    at react-datepicker.js:10  

和

Datepicker is undefined. 

请您参考如下方法:

您问题中的代码看起来不错，但是您没有说明如何从 react-datepicker 引用 DatePicker 插件； 仅仅引用是不够的

<script src="https://cdnjs.cloudflare.com/ajax/libs/react-datepicker/2.8.0/react-datepicker.js"></script> 

你还必须引用这个库的依赖；类名，date-fns，prop-types，react-onclickoutside，react-popper

然后写一个 console.log(window) 来检查 window.DatePicker 对象是否已经正确加载，你可以从那里继续。