(React-Native) undefined 不是评估 'new FormData()' 的构造函数

Question

在过去的两天里，我一直在为这个问题而苦苦挣扎，无法弄清楚。我不明白这个错误。这是我的代码：

try{
var formData = new FormData();
} catch (error) {
console.error('FormData ERROR', error);
}

这是错误：

017-06-21 13：49：02.761 [错误][tid：com.facebook.React.JavaScript] 'FormData ERROR'， { [TypeError： undefined is not a constructor (评估"新表单数据(("(]行： 98419， 列： 36， 源网址： "http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false" }

我是否必须在 ReactNative 0.45.0 中添加对 FormData 的支持？请帮助

Answer 1

我也

遇到了这个问题，那是因为我将它们导入了顶部。如果你像我一样做过：

import { FormData } from 'react';

或

import { FormData } from 'react-native';

只需从导入中删除"FormData"，它就会像魔术一样工作。不必导入 FormData 即可正常工作。

Answer 2

错误显示您是 FormData 未定义。由于它不是 react native 的一部分，你可能必须从 npm 下载它。

npm install --save form-data

然后将其导入文件顶部

import FormData from 'form-data';

Answer 3

如果

import { FormData } from 'react-native';

没有帮助，然后您可以尝试直接导入：

import FormData from 'react-native/Libraries/Network/FormData';

Answer 4

我想

我明白了。

首先，我在我的index.ios中找到了一些东西(不知道我从哪里有这些"提示"(.js并删除了它们

// const _XHR = GLOBAL.originalXMLHttpRequest ?  
//     GLOBAL.originalXMLHttpRequest :           
//     GLOBAL.XMLHttpRequest                     
// XMLHttpRequest = _XHR;
// // FormData = global.originalFormData;

然后我发现我的调试器(Chrome 或 RNDebugger(弄乱了我的网络请求，这对多部分图像对象不利。(奇怪？！

最后，我让它使用以下代码：

var fdObject = new FormData();
fdObject.append('avatar', {uri: PicturePath, name: 'avatar.jpg', type: 'image/jpg'});
options.method = POST;
options.headers['Content-Type'] = 'multipart/form-data';
options.body = fdObject;
fetch("http://api.com/post-my-image", options);