我有一些问题与重建我的网页上的表时，数据发生变化.我有函数getData重置所有信息从API.重点是数据正在获取，但表不重写.虽然，我看到DataPicker参数返回最后的日期，不是我选择的（例如，2023年1月18日，我选择2023年1月27日，返回2023年1月18日）。

const [loadingData, setLoadingData] = useState(true);
const [dataUpdated, setDataUpdated] = useState(false);
const [data, setData] = useState([]) 
const [Infodate, setInfoDate] = useState(new Date())
const [date , setDate] = useState("2023-01-25") 
const [ resource, setResource ] = useState( _resource_to_ask ) 
const [ link, setLink ] = useState(MyLink) 

function LDStoDateString() {
  let string_to_search = Infodate.toLocaleDateString(); 
  let parts = string_to_search.split('.');
  let day = parts[0]; 
  let mes = parts[1];
  let year = parts[2]; 
  setDate(`${year}-${mes}-${day}`);
 }

async function getData() { 
  console.log("GetData called") 
  setData([]) 
  LDStoDateString()
  let link_to_fetch = `${link}/${resource}?data=${date}` 
  await axios.get(link_to_fetch).then((response) => { 
    console.log("Data is accepted") 
    let items: any = [] 
    response.data.forEach(element => { 
      console.log(element) 
      items.push({ name: element.Name, bool1 : 
      StringVSBool(element.bool1),}) 
    });
    setData(items);
    setLoadingData(false); 
   }); 
} 

function handleDatePickerChange() { 
  setLoadingData(true) 
}
 
function SettingData(date_new) { 
  setInfoDate(date_new)
}

useEffect(() => {
  if (loadingData) {
    getData(); 
  }
}, []); 

return ( 
  <div className="App"> 
  <DatePicker
    dateFormat="yyyy-MM-dd"
    selected={Infodate}
    onChange={(date_new) => { SettingData(date_new) }}
  />
  { loadingData 
      ? ( <p>Loading Please wait...</p> )
      : <Table columns={cols} data={data} } />
   }
</div>

为什么会发生这种情况？我如何修复此问题以更新某些事件的表？