Add post using the useReducer

useReducer.js

import React, { useReducer } from "react";

const AddPost = () => {
  const [postState, setPostState] = useReducer(
    (state, newState) => ({ ...state, ...newState }),
    {
      title: "",
      body: ""
    }
  );
  const handleChange = e => {
    setPostState({ [e.target.name]: e.target.value });
  };
  return (
    <div>
      <form>
        <input
          type="text"
          value={postState.title}
          name="title"
          onChange={handleChange}
        />
        <br />
        <input
          type="text"
          value={postState.body}
          name="body"
          onChange={handleChange}
        />
        <br />
        <button>Publish</button>
      </form>
    </div>
  );
};