React editing input element that has a value

Question

i have this input:

  <input
    type="text"
    autoFocus
    value={post.body}
   />

i want the user to be able to edit the value, i tried to set contentEditable but it doesn't work

Answer 1

<input type="text" autoFocus defaultValue={post.body}/>

In your code, you can not edit value. Because you set value, so set defaultValue.