Вам бонус- начислено 1 монета за дневную активность. Сейчас у вас 1 монета

Почему нам нужно передать функцию setState ()? в REACT

Практика



Привет, Вы узнаете о том , что такое Почему нам нужно передать функцию setState ()? в REACT, Разберем основные их виды и особенности использования. Еще будет много подробных примеров и описаний. Для того чтобы лучше понимать что такое Почему нам нужно передать функцию setState ()? в REACT , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).

. Об этом говорит сайт https://intellect.icu

Причиной этого 

setState()
является асинхронная операция. Реакция изменений состояния пакетов по соображениям производительности, поэтому состояние может не измениться сразу после 
setState()
вызова. Это означает, что вы не должны полагаться на текущее состояние при вызове, 
setState()
 поскольку вы не можете быть уверены, что это будет за состояние. Решение состоит в том, чтобы передать функцию 
setState()
с предыдущим состоянием в качестве аргумента. Делая это, вы можете избежать проблем с получением пользователем старого значения состояния при доступе из-за асинхронной природы 
setState()
.

Допустим, начальное значение счетчика равно нулю. После трех последовательных операций приращения значение будет увеличиваться только на единицу.

// assuming this.state.count === 0
this.setState({ count: this.state.count + 1 })
this.setState({ count: this.state.count + 1 })
this.setState({ count: this.state.count + 1 })
// this.state.count === 1, not 3
Если мы передадим функцию setState()
, счет будет увеличен правильно.
this.setState((prevState, props) => ({
  count: prevState.count + props.increment
}))
// this.state.count === 3 as expected

Исследование, описанное в статье про Почему нам нужно передать функцию setState ()? в REACT, подчеркивает ее значимость в современном мире. Надеюсь, что теперь ты понял что такое Почему нам нужно передать функцию setState ()? в REACT и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)

Из статьи мы узнали кратко, но содержательно про
создано: 2020-02-23
обновлено: 2024-11-14
85



Рейтиг 9 of 10. count vote: 2
Вы довольны ?:


Поделиться:

Найди готовое или заработай

С нашими удобными сервисами без комиссии*

Как это работает? | Узнать цену?

Найти исполнителя
$0 / весь год.
  • У вас есть задание, но нет времени его делать
  • Вы хотите найти профессионала для выплнения задания
  • Возможно примерение функции гаранта на сделку
  • Приорететная поддержка
  • идеально подходит для студентов, у которых нет времени для решения заданий
Готовое решение
$0 / весь год.
  • Вы можите продать(исполнителем) или купить(заказчиком) готовое решение
  • Вам предоставят готовое решение
  • Будет предоставлено в минимальные сроки т.к. задание уже готовое
  • Вы получите базовую гарантию 8 дней
  • Вы можете заработать на материалах
  • подходит как для студентов так и для преподавателей
Я исполнитель
$0 / весь год.
  • Вы профессионал своего дела
  • У вас есть опыт и желание зарабатывать
  • Вы хотите помочь в решении задач или написании работ
  • Возможно примерение функции гаранта на сделку
  • подходит для опытных студентов так и для преподавателей

Комментарии


Оставить комментарий
Если у вас есть какое-либо предложение, идея, благодарность или комментарий, не стесняйтесь писать. Мы очень ценим отзывы и рады услышать ваше мнение.
To reply

Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)

Термины: Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)