How to update value of an input with onChange in reactjs?

Question

I have a problem with updating the value of the input in reactjs. I succeeded to get data from the database in the input, but I can't remove the text or add another text. to understand it better please take a look at the picture below it looks like this .

and this is the code.

  const editPost = async (id) => {
    const data = await axios.get(`http://localhost:3007/posts/byId/${id}`, {
      headers: { accessToken: localStorage.getItem("accessToken") },
    });
    setPostObject({
      postTitle: data.data.postTitle,
      postText: data.data.postText,
    });
  };

and this is how I set up my inputs

        <input
          value={postObject.postText}
          onChange={handleUpdating}
/>

any suggestions will appreciate. thank you

Answer 1

It's just necessary to set postText on handleUpdating (that, according to your comment, is empty). Something like:

const handleUpdating = (e) => { 
   setPostObject({
      postTitle: postObject.postTitle,
      postText: e.target.value,
   });
}