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
相关产品推荐
相关产品推荐

