Change form from onRead to Edit through button

This is user profile settings page: Box

What I would like to do is have the input fields enabled and disable them once the Save button is pressed. After this operation "edit" button becomes enable and pressing it also the input fields return enabled.

1)Profile Page --> Form readOnly=disabled and "Edit" button=disabled --> Fill in form --> Save --> Form readOnly=enabledand "Edit" button=enabled.

When a user save his info:

2)Form readOnly=enabled and "Edit" button=enabled --> Click "Edit" button ---> Form readOnly=disabled and "Save" button=enabled --> fill in form...

I reread the whole guide on reactjs.org but I can't solve the problem starting from the theory. Without practical examples I can't learn and I haven't found any by googling.