Posting FormData to Firebase Realtime Database from React

flat-formdata.js

const PostForm = (props) => {
  const handleSubmit = (event) => {
    event.preventDefault();

    const formData = new FormData(event.target);
    let updates = {};

    for (const [path, value] of formData.entries()) {
      updates[path] = value;
    }

    firebase.database().ref('posts/').set(updates);
  }

  return (
    <form method="post" onSubmit={handleSubmit}>
      <label>Title <input name="title" /></label>
      <label>Slug <input name="slug" /></label>
      <input type="submit" />
    </form>
  )
}

ReactDOM.render(<PostForm />, document.body);