Tabs2 在状态更改时重新渲染，有效地渲染 renderActiveTabPanelOnly 道具无用

【问题标题】：Tabs2 re-renders on state change, effectively rendering the renderActiveTabPanelOnly prop uselessTabs2 在状态更改时重新渲染，有效地渲染 renderActiveTabPanelOnly 道具无用
【发布时间】：2017-05-16 22:56:29
【问题描述】：

不确定我在这里缺少什么：查看示例源代码在非受控模式和受控模式下调用一个 setState 方法在选项卡更改 (https://github.com/palantir/blueprint/blob/master/packages/core/examples/tabs2Example.tsx)。但是，在我的环境中，我的 onChange 侦听器中的 setState 调用正在重新呈现包含我的 Tabs2 元素的组件，这意味着我的选项卡面板中只有 1 个（特别是我正在查看的那个）被保留。

【问题讨论】：

标签： reactjs blueprintjs

【解决方案1】：

我想你可能误解了renderActiveTabPanelOnly prop 的用途：

true 时，仅将活动选项卡安装在 DOM 中（其他非活动选项卡被移除）。
false 时，所有选项卡都安装在 DOM 中，但只有活动选项卡可见（非活动选项卡通过 CSS 隐藏）。

这说明用法了吗？

【讨论】：

我认为我错误地将无状态组件用作面板，因此每次重新渲染 Tabs2 父组件时，我的无状态组件也是如此，有效地使我的面板中只有一个是 '可以这么说。如果我为面板使用了有状态的组件，我想我会没事的。谢谢你的澄清。