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

Question

我正在尝试在 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.

Answer 1

您问题中的代码看起来不错，但是您没有说明如何从 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 对象是否已经正确加载，你可以从那里继续。