json - typescript 无法使用 react-native 将 header 添加到获取 api

Question

我正在使用来自 react-native 的 Fetch API，我正在使用 typescript。我的代码如下所示:

let responseLogin = await fetch('http://url_example', {
        method: 'POST',
        headers: {'Content-Type':'application/json'},
        body: requestBody
    });

但是我在 header 所在的位置出现以下错误:

 Argument of type '{ method: string; headers: { 'Content-Type': string; }; body: string; }' is not assignable to parameter of type 'RequestInit'.
  Types of property 'headers' are incompatible.
    Type '{ 'Content-Type': string; }' is not assignable to type 'Headers | string[][]'.
      Object literal may only specify known properties, and ''Content-Type'' does not exist in type 'Headers | string[][]'.

我也曾尝试创建一个自定义 header ，但没有成功:

    let requestHeaders = new Headers();
        requestHeaders.set('Content-Type', 'application/json');
        // I have also tried adding this at the end but no luck 
        // requestHeaders.get('Content-Type');

我怎么能给这个添加标题？因为我找不到任何方法来实现这一点，而且我不知道问题出在哪里。如果我在 postman 中测试这些，我会得到 200 响应，在这里我会得到 401 响应。我也试过这个库只是为了添加自定义 header :https://www.npmjs.com/package/fetch-headers

我使用: Visual Studio Code 1.81.1“ native react ”:“0.50.0”，“ typescript ”:“2.6.1”

Answer 1

您可以尝试将其键入 HeadersInit 吗？

const requestHeaders: HeadersInit = new Headers();
requestHeaders.set('Content-Type', 'application/json');

const responseLogin = await fetch('URL', {
  method: 'POST',
  headers: requestHeaders,
  body: requestBody
});

如果不是，您能否显示在问题中显示的使用 Headers() 构造函数启动它时遇到的错误？