样式化组件在重新渲染后不会更新 <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一切都按预期进行。