Как получить доступ к значению состояния при обновлении страницы?

Question

Как получить доступ к значению состояния при обновлении страницы?

Когда я обновляю страницу, я не могу получить значение состояния. Таким образом, любой предлагает мне решение этой проблемы. Я использовал ниже библиотечный код для реализации таймера в моем приложении.

https://medium.com/@650egor/react-30-day-challenge-day-1-simple-timer-df85d0867553

Спасибо.

Answer 1

Если вы не сохраняете состояние где-либо, оно теряется при обновлении сайта. Вы снова увидите состояние по умолчанию.

Это как обычный скрипт. Если вы остановите его и запустите снова, он не будет «помнить», что он делал раньше.

Вы можете использовать локальное хранилище браузера для хранения некоторой информации на данный момент. Но я предлагаю взглянуть на некоторые инструменты управления состоянием для правильной обработки состояния.

Это ответ, который вы ищете? Дай мне знать. Если нет, возможно, предоставьте фрагмент кода, о котором вы говорите, или сообщение об ошибке, которое вы получаете.

Вот как это работает с использованием локального хранилища:

state = {
    time: "11:00pm",
  }

  componentDidMount = () => {
    if (myStorage.state) {
      this.setState(JSON.parse(myStorage.state))
    }
  }

  saveToStorage = () => {
    myStorage.setItem("state", JSON.stringify(this.state))
  }

Теперь вам нужно вызывать saveToStorage так часто, как вам нравится. Освежить воспоминания - это как убить видеоигру прямо посередине. Если вы не сохранили, вы вернетесь к началу. Это помогает?

Привет