React 中 useState 初始化函数被反复执行？一个容易被忽略的性能陷阱

在 React 函数组件里用 useState 做状态初始化时，如果初始值依赖一个开销较大的计算，很多人会直接写成 useState(expensiveCompute())，结果每次组件重新渲染时这个计算都会执行一遍，即使它的结果根本不会被用到。这个问题在渲染频繁的组件里尤其明显，比如表格行、动画容器或者高频交互的输入框。原因是 useState 的参数是即时求值的，React 只在首次渲染时采用