Как вернуть state к предыдущему значению при неудачном fetch?

Question

[Im p3l]

подскажите пожалуйста, как можно вернуть state к предыдущему значению при неудачной отправке на сервер?

const Position = ({ value }) => {
  const [position, setPosition] = useState(value)

  useEffect(() => {
    async function fetchData() {
      try {
        const { position } = await changePosition(position)
        setPosition(position)
      } catch (e) {
        console.log(e)
      }
    }

    fetchData()
  }, [position])

  return (
    <Select
      value={position}
      onChange={(value) => setPosition(value)}
    >
      <Option value="left">Left</Option>
      <Option value="top">Top</Option>
      <Option value="right">Right</Option>
      <Option value="bottom">Bottom</Option>
    </Select>
  )
}

Comments

[Антон Горецкий]

А зачем вы его меняете при неудачной отправке? Сначала проверяйте, что запрос прошел удачно, а затем меняйте, тогда не придется вертать обратно :)

[Антон Швец]

Зачем вообще что-то менять. Смена состояния только после запроса данных. Вдруг там еще что-то поменялось.

Answer 1

[kookoo]

Если нужен доступ к предыдущему значению, то
https://reactjs.org/docs/hooks-faq.html#how-to-get...