IDE 告诉我不要在 React 中使用 $(document).ready答案

【问题标题】：IDE telling me to not use $(document).ready in ReactIDE 告诉我不要在 React 中使用 $(document).ready
【发布时间】：2020-12-02 01:33:24
【问题描述】：

我在我的 React 应用程序中使用 query.dataTable，而我的 IDE Visual Studio Code 显示我不应该使用 $(document).ready(function ()

我的代码：

...
import "datatables.net-dt/js/dataTables.dataTables"
import "datatables.net-dt/css/jquery.dataTables.min.css"

...

componentDidMount = async () => {
        this.props.onLoadData();
        this.setState({ events: this.props.data });

        $(document).ready(function () {
            $('#myTable').DataTable();
        });
}

...

return (
  ...

  <table id="myTable" className="table">

...

为什么 IDE 显示它？该代码有效，我想知道它为什么无效。

谢谢

【问题讨论】：

标签： jquery reactjs datatable

【解决方案1】：

它可能会告诉您该方法已被弃用（或者不是首选的现代做事方式）。将鼠标悬停在方法调用上，它会显示：

@deprecated — 自 3.0 起已弃用。使用 jQuery(function() { })。

尝试使用它：只需将一个函数传递给 jQuery：

$(() => {
  $('#myTable').DataTable();
});

通过使用JSDoc，您可以使用@deprecated自己制作删除线：

【讨论】：

知道了。谢谢！