惰性求值怎么用在前端数据处理里?
我在做一个表格组件,每次加载都要处理上千条数据,直接 map 一遍太卡了。听说可以用惰性求值优化,但不知道怎么在 JS 里实际实现?
试过用 function* () {} 写生成器,但不确定怎么和 React 的状态更新配合,一不小心就全量计算了。
比如下面这段代码,怎么改成惰性的,只在需要的时候才计算当前页的数据?
const processData = (rawData) => {
return rawData.map(item => ({
id: item.id,
displayName: <code>${item.firstName} ${item.lastName}</code>,
statusText: getStatusText(item.status)
}));
};
暂无解答