FormData

什么是 FormData

FormData 是内置的表单对象，用于创建表单数据对象。

基本用法

FormData 对象包含表单中的数据，Object.fromEntries(formData.entries())将 FormData 对象转换为普通的 JavaScript 对象。

export default function FormDataDemo() {
  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
    event.preventDefault();

    const formData = new FormData(event.currentTarget);
    console.log(Object.fromEntries(formData.entries()));
  };

  return (
    <>
      <form onSubmit={handleSubmit}>
        <label>UserName</label>
        <input type="text" name="username" />
        <button type="submit">Submit</button>
      </form>
    </>
  );
}