JSFiddle - React, Tailwind, and code Playground
by andyvanee
HTML
<h1>FormData behaviour</h1>
<h3>Results from FormData#get</h3>
<pre id="form-data-get"></pre>
<h3>Results from String coercion</h3>
<pre id="string-coercion"></pre>JavaScript
const form = new FormData();
const user = { avatar_file: 'abc.png' };
form.append('object', user); // Pass an object
form.append('undefined', undefined); // Pass undefined
form.append('null', null); // Pass null
document.querySelector('#form-data-get').innerHTML = `
object: ${form.get("object")}
undefined: ${form.get("undefined")}
null: ${form.get("null")}`
document.querySelector('#string-coercion').innerHTML = `
object: ${String(user)}
undefined: ${String(undefined)}
null: ${String(null)}
`