样式化组件在重新渲染后不会更新 <div>

Question

我有一个基于 switch 语句呈现的 react 组件。我正在更新开关所基于的状态，但它没有

switch (condition) {

    case Condition1:

    default:

      return (

        <Condition1Component />

      );

    case Condition2:

      return (

        <Condition2Component />

      );

    case Condition3:

      return (

        <Condition3Component />

      );

  }

所有三个组件都被包裹在自己的样式中div。

当我从默认状态转到 时Condition3，Condition3组件被包裹在 周围，Condition1 styled div这很奇怪。

当我将默认状态更改为时，Condition3一切都按预期进行。