js创建Tabel，数据变动时会一直创建

场景：就是在数据发生改变时原有的tabel没有动会生成一个新的tabel，

解决：要注意props.id这个时tabel的唯一标识id

const initTable = () => {
  clear(); // 这里调用清除方法，在执行下面的创建方法

  const table = document.getElementById(`${props.id}`);
  ......代码逻辑

};

const clear = () => {
  const table = document.getElementById(`${props.id}`);
  let oldThead = table.querySelector("thead");
  if (oldThead) {
    table.removeChild(oldThead);
  }
  let oldTbody = table.querySelector("tbody");
  if (oldTbody) {
    table.removeChild(oldTbody);
  }
};