javascript - React FormData不给出图像

Question

我正在尝试使用图像FormData const data = new FormData(event.target);但是当我data.get("image")得到 null 时，我已经设置在其他组件中加载图像并且我成功地在屏幕上显示图像

在Auth.js {!isLogin && <ImageUpload id="image"/>}

在ImageUpload

<div>
  <input className="form-control" id={props.id} onChange={pickedHandler} type="file" style={{display:"none"}} accept=".jpg,.png,.jpeg" ref={filePickerRef}/>
            
<div className="container mx-auto d-flex justify-content-center">

{previewUrl && <img id="image" name="image" className="mb-3 mt-4" src={previewUrl} alt="preview"/>}
{!previewUrl && <p> select a image </p>}

  </div>
 <button className="form-control btn btn-primary" type="button" onClick={pickImageHandler}>pick image</button>
        </div>```

Answer 1

只需添加

name="image" 在输入标签中

 <input name="image" className="form-control" id={props.id} onChange={pickedHandler} type="file" style={{display:"none"}} accept=".jpg,.png,.jpeg" ref={filePickerRef}/>