javascript - 从 HTML 调用 babel 脚本中定义的 js 函数

Question

我像这样将我的 js 文件包含到我的主 html 文件中

<script type="text/babel" src="js/scripts.js"></script>

然后我像这样调用我的函数之一

<div class="allButton" id="completeAll" onclick="showAll('completeColumn');">Show All (...)</div>

函数看起来像这样

function showAll(column) {
  $('div[id^='+column+']').removeClass('hide');
};

当我点击按钮(div)时我得到这个错误 Uncaught ReferenceError: showAll is not defined

我正在使用 text/babel作为我的脚本类型，因为该文件包含 React JS 的东西。我不知道为什么我根本无法调用我的函数。我对 ReactJS 和 Babel 非常陌生。 (注意:由于限制，我没有使用 npm/gulp)

任何帮助和/或建议将不胜感激

Answer 1

如果您只按如下方式定义您的函数，您将能够在 HTML 中调用它。

window.showAll = function showAll(column) {
    // your code here...
};