将附件添加到附件数组

Question

我有以下功能，可将<input type="file" multiple /> 中的附件添加到父母的状态。

在用户想要添加另一个附件之前效果很好，新附件会覆盖现有附件，如何将新附件添加到现有附件数组中？

handleAddAttachments = fileList => {
  this.props.handleChange('attachments', Array.from(fileList));
};

我试过了，但它似乎不起作用。

handleAddAttachments = fileList => {
  const { attachments } = this.props.ticket;
  this.props.handleChange('attachments', [...attachments, fileList]);
};

父handleChange函数：

makeHandleChange = (pageName, change) => {
  this.setState({
    ticket: { ...this.state.ticket, [pageName]: change },
  });
};

Answer 1

在您的第二个版本中，您缺少 Array.from() 部分。来自 fileInput 的更改不是直接的数组，因此扩展运算符不起作用。

这应该可以解决问题：

handleAddAttachments = fileList => {
  const { attachments } = this.props.ticket;
  this.props.handleChange('attachments', [...attachments, ...Array.from(fileList)]);
};

关于为什么它不是数组的更多信息，你可以在这里找到一些信息：Why isn't the FileList object an array?

感谢@sigmus，我将缺少的传播添加到Array.from()