Телеграмм чат группы react

обновил

Max Dmitriev in React — русскоговорящее сообщество

14:29пожаловаться #1

Ребят, нужна помощь
Задача: сделать возможность параллельного увеличения значения переменной coins
То-есть чтобы кликанье по кнопке не мешало setInterval увеличивать значение coins
Вот код: https://codesandbox.io/s/react-parallel-jouwn?file=/src/App.js

На данный момент кликанье блокирует увеличение через интервал

CodeSandbox

react-parallel - CodeSandbox

react-parallel by itmaxxx using react, react-dom, react-scripts

Adel Gilyazeev in React — русскоговорящее сообщество

14:31пожаловаться #2

Max Dmitriev

CodeSandbox

react-parallel - CodeSandbox

react-parallel by itmaxxx using react, react-dom, react-scripts

передавай фукнцию в setState
setState((prev)=>prev+1);

14:33пожаловаться #3

кстати а есть разница между

const newState = state + 1
setState(newState)

setState((state) => state + 1)

Adel Gilyazeev in React — русскоговорящее сообщество

14:34пожаловаться #4

я в первый раз гистом пользуюсь)

очень много всего...

Max Dmitriev in React — русскоговорящее сообщество

14:34пожаловаться #5

Adel Gilyazeev

передавай фукнцию в setState
setState((prev)=>prev+1);

у меня так и стоит вроде setCoins((prev) => prev + automatic);

Adel Gilyazeev in React — русскоговорящее сообщество

14:34пожаловаться #6

кстати а есть разница между

const newState = state + 1
setState(newState)

setState((state) => state + 1)

да

14:34пожаловаться #7

Adel Gilyazeev

да

а в чем разница?

Дима in React — русскоговорящее сообщество

14:34пожаловаться #8

Когда работаешь с мутацией прошлого состояния надо делать через лямбду

Дима in React — русскоговорящее сообщество

14:35пожаловаться #9

Иначе могут быть непредвиденные приколы когда неправильно обновляется состояние

Adel Gilyazeev in React — русскоговорящее сообщество

14:35пожаловаться #10

первый вариант у тебя замкнут на старое значение, во втором же, ты актуальное значение получаешь во время обновления

Adel Gilyazeev in React — русскоговорящее сообщество

14:35пожаловаться #11

кстати а есть разница между

const newState = state + 1
setState(newState)

setState((state) => state + 1)

кароч первый тип сто раз вызови за один реднер, у тебя стейт сто раз перезапишится значением 5+1, а во втором случае у тебя каждые сто раз, эта пятёрка будет значением предудущего setState

14:36пожаловаться #12

я как раз использую первый способ и данные всегда приходят корректные

Adel Gilyazeev in React — русскоговорящее сообщество

14:37пожаловаться #13

я как раз использую первый способ и данные всегда приходят корректные

у тебя просто небыло иных случаев...

Adel Gilyazeev in React — русскоговорящее сообщество

14:38пожаловаться #14

например:

const [state,setState] = useState(0);
const handle = () => {
     for(var i = 0; i<100; ++i) {
     setState(state+i);
}}

вызови функцию handle по нажатию кнопки и утебя в стейте станет 99, а не сумма чисел

14:40пожаловаться #15

я вообще не использую setState в цикле

14:41пожаловаться #16

понятно что тут он заглючит

Adel Gilyazeev in React — русскоговорящее сообщество

14:42пожаловаться #17

я вообще не использую setState в цикле

это утрированный пример

Adel Gilyazeev in React — русскоговорящее сообщество

14:42пожаловаться #18

господи, я весь день трачу на не свою работу(

14:43пожаловаться #19