Какой тип машинописного текста использовать для тела массива с fetch?

Question

Я использую fetch для публикации некоторых данных формы в кодировке url, например так:

private buy = async () => {
    const { nonce } = await this.state.instance.requestPaymentMethod();

    const formBody = [];
    formBody.push(`${encodeURIComponent("paymentMethodNonce")}=${encodeURIComponent(nonce)}`);

    // @ts-ignore
    const response = await fetch(`http://localhost:4000/checkout`, {
        method: "post",
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
        },
        body: formBody,
    });
}

Он отлично работает с игнором, но какой тип я должен использовать в этом случае, чтобы я мог удалить игнор?

Answer 1

API fetch является частью DOM API и определяется как часть lib.dom.d.ts.
В соответствии с этим определением тип body определяется как:

type BodyInit = Blob | BufferSource | FormData | URLSearchParams | ReadableStream | string;

Таким образом, для запроса с типом контента application/x-www-form-urlencoded вы можете использовать URLSearchParams как body тип:

private buy = async () => {
  const { nonce } = await this.state.instance.requestPaymentMethod();

  const formBody = new URLSearchParams();
  formBody.append('paymentMethodNonce', nonce);

  const response = await fetch(`http://localhost:4000/checkout`, {
    method: "post",
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
    },
    body: formBody,
  });
}