上传文件时无法在FormData（）中获取任何数据

Question

我正在输入字段中上传一个zip文件。调用了onChange函数，该函数获取文件，并且必须将文件上传到后端。我将文件追加到“ FormData”中，当我尝试对其进行安慰时，它为空。

constructor(props){
        super(props);
        this.state ={
            files: null,
        };
    }

handleFileUpload(e){
        this.setState({
            files: e.target.files[0]}, () => {
                console.log("files are", this.state.files);
            })
}


handleSubmit(e){
        e.preventDefault();

        const data = new FormData();
        data.append('file', this.state.files);

        console.log("data after upload is", data);
    }

return(
  <input name="file" type="file" onChange={(e) => this. handleFileUpload(e)}/>
<button onClick={this.handleSubmit.bind(this)}>Submit</button>
)

请帮帮我。当我尝试安慰FormData的对象时，它返回一个空响应，如下所示

上载后的

数据是FormData。{}                       原始：FormData