Resetting state docs improvement

Over here: https://react.dev/learn/preserving-and-resetting-state#option-1-rendering-a-component-in-different-positions
about resetting a state, just because a line is drawn to the right, now the Counter becomes a "right" child?

And then, just because the line is drawn to the left, now the Counter becomes a "left" child?

The diagram is:

In reality, it is just "children" nodes. So if you have one child with a line drawn to the left, it doesn't make it a "left" child.

Likewise, if you have one child with a line drawn to the right, it doesn't make it a "right" child.

To some degree, it dumbs down the programmers.

The truth is:

For those three situations in the diagram:

1. First child is Counter, and second child is false. (isPlayerA && whatever becomes false if isPlayer is false). There should be a solid line going to a false as a second child.
2. First child is false, and second child is Counter. There should be a solid line going down to the first child which is false.
3. The third case is just like (1).

And then, the rule of React is, the false will not be rendered. But the tree in fact has a false, for the "tree structure" to be "different".

If I am not mistaken, this "tree" is composed, and compared to the previous "tree", for React to decide whether to change something in the actual DOM. This "current" tree and "previous tree", is the idea of Virtual DOM.

So the concepts should be set straight here.

Bắt đầu từ phần được liên kết “Option 1: Rendering a component in different positions” và xem lại sơ đồ cũng như phần giải thích về các children có điều kiện. So sánh cách diễn đạt với cách React xử lý false children và các vị trí trong cây. Được xem là hoàn thành khi sơ đồ và văn bản giải thích chính xác ba trường hợp mà không ngụ ý rằng vị trí hiển thị bên trái hoặc bên phải xác định identity của một child.