import React, { useQuery } from "react";
const AddPost = () => {
  const [postState, setPostState] = useQuery({
    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>
  );
};