Почему setState не меняется в if?

Question

[33remido]

как сделать так чтобы не возвращал пустой а полный?

const customHook = () => {
let [state, setState] = useState('пустой');
  let arr = [1, 2, 3 ];
  if(arr.length > 1) {
    setState('полный');
    console.log(state) /* пустой */
  }

  if(arr.length < 1) {
    setState('пустой')
  }
  return {arr} /* пустой */
}

export default customHook;

Comments

[Gary_Ihar]

Ты тут маленько зациклился, не?

[33remido]

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

[33remido]

Gary_Ihar, как то так
https://gist.github.com/YaroslavRaksha/ce3d5875b92...

[Gary_Ihar]

33remido, тоесть ты не понимаешь в своем коде почему он будет выполняться бесконечно(react остановит это конечно, но все же)?

Answer 1

[Everybody_Lies]

первая ссылка в гугле
Попробуйте так

const customHook = () => {
let [state, setState] = useState('пустой');
  let arr = [1, 2, 3 ];
  if(arr.length > 1) {
    setState('полный', () => {
       console.log(state)
    });
  }

  if(arr.length < 1) {
    setState('пустой')
  }
  return {arr} /* пустой */
}

export default customHook;

Comments

[33remido]

дело в том что мне прилетает значение в другой компонент, и оно там пустое

[Everybody_Lies]

33remido, без полной картины тяжело что-то подсказать

[33remido]

Everybody_Lies, как то так
https://gist.github.com/YaroslavRaksha/ce3d5875b92...

[Everybody_Lies]

33remido, код который вы скинули уходит в infinity loop, потому что setState вызывает ререндер, который снова вызывает customHook, который снова запускает setState ...
вообще не очень понятно, что вы хотите и что конкретно у вас не получается