改变父母养孩子

Question

*注意：我正在使用React Hooks。

我正在尝试制作一个可以在两种功能（A / B）之间切换的组件。两种功能具有相同的孩子。当在功能之间切换时，我所遇到的困难是，我只能看到孩子的初始状态。意思是，如果我在功能A中更改了子项中的任何内容并切换到功能B，那么我所看到的只是该子项的初始状态。我正在尝试使子状态更新并在两个功能之间看起来相同。

           HolderHook
           /        \
           A        B
            \      /
              Child

我要实现的目标：

Toggle=>false
HolderHook
    |_ChildRef = useRef(<Child/>) <=== {name: }
    |_Parent A
      |_ ChildRef{name: Potato} <=== after change

Toggle=>true
HolderHook
    |_ChildRef = useRef(<Child/>) <==={name: potato} <== after Parent A changes
    |_Parent B
      |_ ChildRef{name: Potato} <=== since it is a reference, it should be this.

我得到的是什么

Toggle=>false
HolderHook
    |_ChildRef = useRef(<Child/>) <=== {name: }
    |_Parent A
      |_ ChildRef{name: Potato} <=== after change

Toggle=>true
HolderHook
    |_ChildRef = useRef(<Child/>)
    |_Parent B
      |_ ChildRef{name: } <===initial state of Child