退格键旁边的加减号简直是噩梦，加号稍微好一些，减号十次有九次是错的，要么是 0 要么是+...

canvas 有个方法叫 measureText，可以以此来精确地控制文字的换行，并算出 csv 每一项的高度，据此手动控制何时分页，效率可能会有些差，但才十几万条，应该不碍事。只是不知道对少数民族语的支持如何。

@theprimone 用 deep-equal 也不可能在组件每次渲染的时候比较啊，那样性能肯定炸了，还是要在每次发生对象操作的时候比较，跟 3l 的 forceUpdate 差不多吧应该

@iamppz reducer 确实挺好，只是不太喜欢这种风格，貌似是目前的最优方案了


@theprimone 对象层级比较深，对象中有数组，数组里面是对象，对象下边还有数组，深层对象的属性变动不好监听，可能又会回到下面这种样子:
setData({
...data,
key: [
...data[key],
val,
],
})
这仅仅一层就已经这么丑了，要是三四层，就丑的没边了，而自动调用，前提还是得监听数据的变化，可能得试试 proxy

@WittBulter 你的封装比我的帅，你看我的：

const [uselessFlag, setUselessFlag] = useState(false)
const updataComponent = useCallback(() => {
setUselessFlag(!uselessFlag)
}, [uselessFlag])

@WittBulter 谢谢，我现在就是这样处理的，可是一方面到处都是 forceUpdate，有点丑，另一方面全程需要手动管理，感觉回到了 jQ，很难受...

@iamppz 比方说

const village = new Village()

const familyA = village.datas[3]

const personS = familyA.datas[4]

personS.age += 1

这样的情况，我目前的处理是，在每个操作时，手动通知组件更新，可是这也太傻了...

(ps: 可以全量更新 village, 如 setVillage(newVillage), 但是对于复杂的, 数组和对象混杂的对象, 这样做很累, 还丑)

@iamppz useState 也没用，当我用 village 自身的方法修改了自身的数据的时候，仍然不会触发组件更新

@YadongZhang 刚刚试了一下，sourceMap 发生时机应该是在 console.log 之后，根据 console.log 打印出的字符串进行替换。并且 Error 的 name 应该必须是原生 Error 的 name，只要保留第一行的 Error name，后面的行可进行删减。

965，加班基本在 20 分钟以内，除非某个功能差一点不搞完就难受

--- 此提问作废 ---

是我自己搞错了，proxy 表现是正确的，只是新地址 404，打印的错误信息误导了我而已。

@Aloehuang 好吧，我原本以为"use strict"会管这些，原来不管，那就添加 eslint 规则，no-redeclare 。

我的意思是，不管结果怎么样，这样的代码根本就不应该出现。

为什么要研究这样的东西？明明一个 use strict 就能解决的问题

id 确实是全局唯一，但是一般用于选取指定的元素，来进行进一步的操作。

class 的用途一般是用于给**一批**相似的元素添加样式，比方说有 50 个元素，都是红色边框，你没必要给他们每个都加一个 id，直接用 class 就好了。

根据个人实践，一般 id 用于特定元素选取，而样式相关的一般使用 class 。

感觉像是在一堆的图片里面随机挑了一个显示出来的

日了，都是 VX ？那我搞不了，不喜欢 VX

蹭一个 MTAzODc2MTc5M0BxcS5jb20=