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

Question

我在我的 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 会显示它？代码有效，我想知道为什么它无效。

谢谢

Answer 1

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

@deprecated — Deprecated since 3.0. Use jQuery(function() { }).

尝试改用它:只需将一个函数传递给 jQuery:

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

通过使用 JSDoc，您可以使用 @deprecated 自行生成删除线: