重新加载选项卡中的反应组件

Question

我创建了一个基本上是表的反应组件。我调用了一个带有一些参数f（X，idPlaceholder）的函数。所以f表现得像：

f(X, idPlaceholder) {
   ....
   ReactDom.render(
   <T  ... />
  ,
  document.getElementById(idPlaceholder)
  )
}

' <T/> ' shows different stuff according to the values of X. However, when used on a tab control using something like:

    if  (selectionIndex == 1) {
          idPlaceholder = 'pos1'
          f(a, idPlaceholder)
     }
     if  (selectionIndex == 2) {
          idPlaceholder = 'pos2'
          f(b, idPlaceholder)
     }
     if  (selectionIndex == 3) {
          idPlaceholder = 'pos3'
          f(c, idPlaceholder)
     }

如果我从这些选项中选择一个标签，则内容会显示以前所选标签的大部分内容，而且几乎不显示所选标签上应显示的内容。

为什么会发生这种情况？ 感谢