javascript - 如何在 Reactjs 中使用 Javascript 代码？

Question

我试图通过使用 https://mdbootstrap.com/docs/jquery/tables/scroll/ 的最后一个示例(Datatable 水平和垂直滚动)制作一个水平和垂直的可滚动表

在 src/components/ScrollExample.js 下，我复制并粘贴了 html 代码。在 src/styles/components/_scroll.scss 下，我还复制并粘贴了示例中的 css 代码。该表与示例中的完全相同。

但这里我卡住了。现在我的所有布局都已修复，但我无法运行 javascript。

我想在 public/index.html 下编写下面的代码，但我收到错误提示“Uncaught ReferenceError: $ is not defined”

  $(document).ready(function () {
  $('#dtHorizontalVerticalExample').DataTable({
  "scrollX": true,
  "scrollY": 200,
  });
  $('.dataTables_length').addClass('bs-select');
  });

如何解决这个错误？感谢您的所有评论。

Answer 1

您的 html 文件中似乎没有包含 JQuery。

您可以通过将 JQuery 放在 Head 中来将其添加到 html 中:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>