You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Material Table更新后数据未在UI中显示的问题求助

Material Table更新后数据未在UI中显示的问题求助

我最近在做一个带员工列表组件的小应用,用的是Material Table,结果碰到个头疼的问题:当我尝试更新某一行数据的时候,UI完全不跟着刷新,还是显示旧的数值。

目前我写的代码片段是这样的:

import React, { useState, useEffect } from 'react'; 
import MaterialTable from 'material-table';  

export default function EmployeeTable() {   
  const [employees, setEmployees] = useState([]);   
  const [searchTerm, setSearchTerm] = useState('');    

  useEffect(() => {     
    fetch("/api/employees")
    // 后面的代码不小心截断了...
  });
  // 剩下的组件逻辑还没写完
}

我自己琢磨着会不会是状态更新的方式不对?或者Material Table的配置哪里漏了?比如是不是更新数据的时候没创建新数组,导致React没检测到状态变化?

另外我也列了几个自己想到的排查方向,不确定对不对:

  • 是不是更新员工数据时,直接修改了原数组,没通过生成新数组的方式更新状态?
  • Material Table的data属性有没有正确绑定到employees这个state上?
  • fetch请求拿数据后,是不是正确解析了响应并设置到state里?

有没有过来人能给我指点下可能的问题点呀?

内容来源于stack exchange

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.08 12:54:34