Как работает state и setState изнутри?

Question

[justifycontent]

Есть код на React:

state = {
    activeItem: 0,
    test: 1
  }

  onSelectItem = i => {
    this.setState({
      activeItem: i,
    })
  }

Как это работает изнутри? Каким образом setState() меняет в объекте state именно это значение? Буду очень благодарен за объяснение, заранее спасибо

Answer 1

[vıtalıyırtlach]

setState работает следуещем способом:
принимает на вход функцию возвращающее новое состояние или новое состояние. Так как state - это объект тогда он делает следуещее:

// ... - spread оператор
state = {...state, ...newState} // так как newState идет после state тогда он перепишет все старые значения на новые или добавит новые

https://learn.javascript.ru/rest-parameters-spread...

Comments

[justifycontent]

А в хуках как это работает?

const [state, setActive] = React.useState({ activeItem: 0 });

Я передаю объект { activeItem: 0 } в функцию useState, он присваивается переменной state, это понятно. Но ведь функцию setActive я не передаю в эту функцию, как я могу ее вытащить деструктуризацией, если она даже не передавалась туда?

[vıtalıyırtlach]

justifycontent, не совсем понятно какого результата вы хотите достичь?
Хук состояния в React работает иначе он полностью перезаписывает состояние