Attachments 组件设置 multiple 后选中多少文件 onChange 就会触发多少次

[myesn]

重现步骤

<Attachments
    beforeUpload={() => false}
    multiple
    items={items}
    onChange={({ fileList }) => {
      setItems(fileList);
    }}
/>

当前行为

Attachments 设置 multiple 后选中多少文件 onChange 就会执行多少次

预期行为

一次选中多个文件，应当只触发一次 onChange 事件

上下文

No response

版本

^1.5.0

您在哪些浏览器上遇到了这个问题？

Microsoft Edge

[dosubot]

Hi @myesn! I'm Dosu and I’m helping the x team.

这个行为是由 Attachments 组件底层依赖的 Ant Design Upload 组件决定的：当 multiple 开启时，onChange 会随着每个文件各自触发一次，而不是批量触发一次，这是目前的设计实现细节参考。

目前没有官方文档或内置参数可以让 onChange 只触发一次。如果你需要“批量”处理，可以在 onChange 里用防抖、节流等方式聚合多次触发，例如用 setTimeout 合并多次调用：

let timer = null;
function handleChange(info) {
  clearTimeout(timer);
  timer = setTimeout(() => {
    setItems(info.fileList);
    // 这里可以做一次性处理
  }, 0);
}

这样可以保证在一次多文件选择时只处理一次。如果你有更复杂的需求，也可以用 useRef 等方式做更细致的聚合。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[myesn]

机器人，你觉得这合理吗

[anxLiang]

这是一个关于 antd Upload 组件古老的问题了， ant-design/ant-design#8579 目前 issue 仍处于 open 状态，未有好的解决方案。现阶段可参考 issue 中社区用户给出的 hack 方案来暂时解决问题。