react js redux 字段数组文件输入问题

Question

从 redux 字段数组的表中删除行时，文件输入出现问题。

删除第一行时，文件输入名称不会改变。

table.js（FieldArray 组件）

<td>
         <Field
          name={`${member}.file`}             
          component={UploadFile}
          id={index}                          
         />
   </td>

上传文件.js

return (
   <div className={className} >
    <div>
      {label && <label>{label}</label>}
      <div>
        <input
          name={input.name}
          type="file"
          accept={accept}
          onChange={this.onChange}
          style={style}              
          id={`file${id}`}
        />
      </div>
    </div>
    <span className="input-error-msg">
      {touched &&
        ((error && <span>{error}</span>) ||
          (warning && <span>{warning}</span>))}
    </span>
  </div>
);

我认为这个问题与 HTML 绑定有关。

Answer 1

正如 Omar Sy 建议的那样，通过使用唯一 id 作为键而不是 map function 内的索引解决了这个问题。