调用updateState时如何阻止React网站冻结？

编程问答 2022-08-13

问题描述

我有一个页面，该页面使用数据库（DynamoDB）中的数据加载Material表。

初始表加载很好，但是当在第4个条目之后将条目添加到表中时，本地主机网站将冻结。

我一直把它归结为是updateState调用引起的，该调用正在获取旧表数据和新表数据并更新状态。

代码如下：

初始数据获取：

const [tableData,updateTableData] = useState([{}])

    useEffect( () => {
    async function refreshData()
    {
      console.log("Init load")
      var invData = await GetPartByType(props.itemType);
      updateTableData( invData )
    }
    refreshData()
  },[])

更新数据功能：

function updateData(newData)
{
    console.log("Updating Data")
    const invData = [...tableData,newData]
    updateTableData( invData )
}

当updateData（）被调用约4次时，网站将死机，每个条目的速度越来越慢

感谢您的帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

freezereact-hooksreactjsreactjsweb