React State Flow Open console for this experiment
tip: inspect window.stateStack
and window.stateStackNested
you can also call window.updateState()
, window.updateStateNested()
, window.updateStateForced()
Mutate state Mutate nested state state = {
"deeply": {
"nested": {
"c": 0
}
}
} Nested Child: {"c":0}
Nested ChildClass: {"c":0}
Nested PureChildClass: {"c":0}
Nested PureChildClassWithHack: {"c":0}
#0 {
"deeply": {
"nested": {
"c": 0
}
}
}
ForceUpdate with mutated state state = {
"deeply": {
"nested": {
"c": 0
}
}
} Nested Child: {"c":0}
Nested ChildClass: {"c":0}
Nested PureChildClass: {"c":0}
Nested PureChildClassWithHack: {"c":0}
#0 {
"deeply": {
"nested": {
"c": 0
}
}
}