React对状态更新进行批处理，当您执行setState时，它不会反映在控制台日志的下一行代码中。它已经对状态更新进行了批处理，在第一次单击时，它获取的是当前的状态still，该状态为null。
你可以做一些沿着的事情

setDetails(() => {
    console.log(response.data)
    return response.data
})

这应该会显示您所期望的内容，还需要删除displaydata函数中的setToggle，因为它是在loadDetails函数中调用的

这是因为你没有等到结果被读取，而且，当你在displayData函数中使用console.log（）时，它总是显示初始数据，而不是更新的数据，要使用console.log记录更新的数据，你需要在外部记录它：

const displaydata = (e) => {
  setToggle(true);
  await loadDetails();
  console.log('data fetched') // With the await in the line above, this line waits until the data is fetched
};

console.log(details); // This will console log data once it's fetched.
  

const loadDetails = async()=>{
  await axios.get(`http://localhost:8282/changeShipmentDetails/${gatewayId}`)
    .then((response)=>{
      setToggle(true);
      setdetails(response.data);
  })
  .catch(error=>{
      setToggle(false);
      setMsg(error.response.data);    
  });
  return true
};