惰性求值怎么用在前端数据处理里?

Code°妍妍 阅读 10

我在做一个表格组件,每次加载都要处理上千条数据,直接 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)
  }));
};
我来解答 赞 0 收藏
二维码
手机扫码查看
暂无解答

暂无解答