javascript - 表格数据()。在单行中传递多个参数

Question

我的问题很简单，我有一个使用这种语法的 react 项目:

const data = new FormData();
data.append("token", this.props.token);
data.append("origin", this.props.origin);
....

我的问题是:

有什么方法可以将此附加内容更改为一行或类似这样的语法？

const data = new FormData([('token', this.props.token), ('origin', this.props.origin)])

Answer 1

如果您希望将 props 中的所有项目都添加到 FormData 中，那么您可以遍历它们并调用 formData.append() ,

const formData = new FormData();
Object.keys(this.props)
      .forEach(key => formData.append(key, this.props[key])

如果您希望将 this.props 中的特定键添加到 FormData，那么您可以创建一个包含所有 key 的数组，然后然后遍历它们:

const addToFormData= ["token", "origin"]
const formData = new FormData();

addToFormData.forEach(k => formData.append(k, this.props[k])