У меня похожая проблема, которая уже объяснялась здесь
У меня такой же код.
Когда я пишу сообщение, а затем нажимаю кнопку «Изменить», у меня возникает проблема с этой строкой:
<button onClick = {() => this.props.editMethod(this.state.inputValue)}>edit</button>
Конкретно, я хочу иметь возможность написать сообщение, и оно останется, даже если мы выйдем из браузера, но мы можем изменить его в любое время благодаря кнопке редактирования. Стоит ли использовать локальное хранилище?
Если вещи, которые вы храните, большие, лучше используйте IndexedDB, который является асинхронным.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Локальное хранилище - идеальный вариант, если вам не нужен текст для отображения в разных браузерах или в старых браузерах, где у вас нет локального хранилища.
Если вам нужен кросс-браузер и более универсальное решение, вы можете использовать бэкэнд. Где вы будете синхронизировать сообщение при редактировании. И получите сообщение при загрузке.
Локальное хранилище звучит как допустимое решение. Посмотрите здесь.