如何总是 run/refresh 数据表？

Question

当我在 React 应用程序中执行更新或删除等操作时，数据表不能运行，刷新页面时数据表只能运行如何让它刷新自动？

//Datatable Modules
import "datatables.net-dt/js/dataTables.dataTables"
import "datatables.net-dt/css/jquery.dataTables.min.css"
import $ from 'jquery'; 

import { useEffect } from "react";

//initialize datatable
$(document).ready(function () {
  setTimeout(function(){
  $('#example').DataTable();
   } ,100);
});

useEffect(() => {
    init();
  },[])

  const init = () => {
    employeeService.getAll()
    .then(response => {
      setEmployees(response.data);
    })
    .catch(error => {
      console.log('Something wrong', error);
    })
  }

return 容器

    <table id="example" className="table table-bordered table-striped">
      ...
    </table>

Answer 1

您正在寻找的东西需要使用实时数据更新，您可以使用本机 WebSockets API, or use a simpler api like Socket.IO 在客户端和服务器之间建立连接（发送 | 接收）并更新 table 数据... 祝学习 WebSockets 顺利！

如何总是 run/refresh 数据表？

How to always run/refresh datatables?

datatables

reactjs

react-hooks

react-data-table-component