reactjs 动态修改对象

hivapdat  于 2023-04-05  发布在  React
关注(0)|答案(1)|浏览(134)

我现在有一个用来上传一些文件的表单,希望用户输入一个与输入值相对应的数字
现在,我有一个对象,其中包含要上传的文档类别的硬编码列表:

const files= {
    BIRTH_CERTIFICATE: values.files.BIRTH_CERTIFICATE,
    RESUME: values.files.RESUME,
};

在我的例子中,用户可能需要上传不同数量的同一类别的文档。我想将这些文件附加到已经存在的文件对象中,并具有如下内容:

const files= {
    BIRTH_CERTIFICATE: values.files.BIRTH_CERTIFICATE,
    RESUME: values.files.RESUME,
    CHILDREN_BIRTH_CERTIFICATE_1: values.files.CHILDREN_BIRTH_CERTIFICATE_1,
    CHILDREN_BIRTH_CERTIFICATE_2: values.files.CHILDREN_BIRTH_CERTIFICATE_2,
    CHILDREN_BIRTH_CERTIFICATE_3: values.files.CHILDREN_BIRTH_CERTIFICATE_3,
};

例如,子项的数量将包含在名为childrenCount的变量中
感谢阅读:D

r6vfmomb

r6vfmomb1#

您可以使用模板文字为上述。每当一个新的文件上传,你可以这样做

files[`CHILDREN_BIRTH_CERTIFICATE_${childrenCount}`] = inputFile
childrenCount += 1

您可以阅读有关template literals的内容以获得更好的理解。

相关问题