Почему state обновляется только после второго клика react хуки?

Question

[VloVer]

const deleteUser = () => {
      axios.get(`http://localhost:3001/users/${user.id}`)
          .then(({ data }) => {
            console.log(data)
            setDataa(data)
            axios.get(`http://localhost:3001/lists`)
            .then(({ data }) => {
               data.map(l => {
                  if(dataa && l.userId === dataa.id){
                     console.log(l)
                  }
               })
            })
            
            })
         .catch(e => {
            alert('Ошибка');
         }) 
   }

Почему state обновляется только после второго клика react хуки? в консоль при первом клике не выводится l, а при втором выводится

Comments

[Сергей Сунцев]

Если вы хотите узнать ответ, то скорее всего state обновляется после первого клика.
а в консоль при первом клике не выводится l, потому что dataa не существует.

Но я не очень понимаю, как вам объяснить, покуда, я не знаю, что у вас за переменная dataa ?
и совсем не понятно, зачем вы тут сравниваете
dataa && l.userId === dataa.id

не проще ли написать так ?

const deleteUser = () => {
      axios.get(`http://localhost:3001/users/${user.id}`)
          .then(({ data }) => {
            const userData = data
            console.log(userData)
            axios.get(`http://localhost:3001/lists`)
            .then(({ data }) => {
               data.map(l => {
                  if(userData && l.userId === userData.id){
                     console.log(l)
                  }
               })
            })
            
            })
         .catch(e => {
            alert('Ошибка');
         }) 
   }