How to replace nested state in react and why is it bad?

Question

React

Perhaps I misunderstand the nested state, but I understand that this is an object of this kind:

state = {
   phone: {
      countryCode,
      number
   }
}

So do bad practice? If so, what can replace such a structure?

Answer 1

This is not bad, it's just not very convenient to update nested objects, I try to separate components and states whenever possible so that nested objects do not have to be stored.