Как (куда) сохранить значение state компонента после перезагрузки страницы (Gutenberg, React)?

Question

[DemonIa]

Здравствуйте.

Пишу блок для Gutenberg (редактор для WordPress), суть которого такова:
Интерфейс - это только выпадающий список с значение в которые подгружается ajax-ом (в componentDidMount)

После сохранения поста это рендерится в блок типа

<span>Hello, {this.props.attributes.selectedOptionValue} </span>

Тоесть после выбора варианта из списка, я его значение храню в state, потом передаю в дочерний компонент и там делаю render.

Теперь, мне нужно сделать так, чтобы после перезагрузки страницы, ранее выбранное значение в <select>не терялось. А это значит, что мне нужно где-то хранить значение для текущего блока.

Можно было бы хранить в WP post_meta, но этих блоков в одном посте может быть несколько. Значить нужно хранить, например, id поста, id блока и значение дропдауна. А потом при заходе в редактор делать запрос на сервер, получать значение, и ставить как <select value="here">

Какие есть хорошие практики на этот счет?
Спасибо.

Comments

[4mobile]

cookies, localstorage?

[DemonIa]

Спустя пару дней отвечу сам на свой вопрос.

4mobile - спасибо за ответ, но склоняюсь тому что это не подойдет, ведь пользователь А у себя в localStorage сохранит данные, а потом пользователю Б (или А, но с другого браузера, например) в админке нужно будет вывести значение этого дропдауна, но сделать это не получится, ведь данных тут нет. Хранить нужно на сервере.

Но ответ на этот вопрос приблизительно таков:
Отдельно хранить это нигде не нужно. Достаточно на событие <select onChange> задать значение для state (тоесть сохранить id выбранного элемента из списка),
а в компоненте render() при итерации элементов дропдауна поставить selected="selected" для того элемента списка, у которого id такой же, как и в state.