TODO-list: Как добавить элементы в список немедленно, прежде чем сервер ответит?

Question

Я создаю TODO-список с помощью React.

Когда пользователь заполняет все поля и нажимает кнопку ДОБАВИТЬ, я хочу немедленно добавить элемент в список, а затем отправить этот элемент в сервер. Затем сервер отвечает идентификатором этого элемента в базе данных.

Проблема заключается в том, что мое приложение использует идентификаторы элементов, чтобы запомнить, какие элементы выбраны в данный момент. Также я хочу использовать идентификаторы в адресной строке браузера. Но идентификатор элемента генерируется на сервере, поэтому я не могу понять его до того, как сервер ответит.

Какие варианты у меня есть?

Answer 1

Вы можете легко добавлять элементы в список реагирования, не полагаясь на идентификатор на стороне сервера.

Если вам действительно нужен идентификатор, сгенерированный серверной частью, я не думаю, что это возможно.

Конечно, вы можете использовать некоторый временный идентификатор внешнего интерфейса (например, на основе обоснованного предположения) и заменить его действительным идентификатором после того, как сервер ответит, но это, очевидно, потребует некоторой неясной бухгалтерии и сопоставления.

Это также зависит от того, как работает ваш ID. Если идентификатор элемента представляет собой комбинацию пользователя и элемента, вышеприведенное должно быть осуществимо.

Answer 2

Я не уверен, что мы находимся на той же странице, но вы можете использовать локальное хранилище для сохранения данных и выполнения локальных операций до ответа сервера