[Switch] label多于两个字的时，切换多了几次会展示不正常

[suedar]

tdesign-react 版本

1.7.8

重现链接

No response

重现步骤

No response

期望结果

No response

实际结果

代码如下

  const renderContent = () => {
    if (value) {
      return (
        <DateRangePicker
          format="yyyy-MM-dd HH:mm:ss"
        />
      );
    }

    return <Select options={TimeRangeOptions}></Select>;
  };

  return (
    <div className="time-range-picker">
      <Switch
        size="large"
        label={['范围选择框', '时间选择框']}
        onChange={(v) => {
          setValue(v);
        }}
      />
      {renderContent()}
    </div>
  );

2024-09-30.10.18.23.mov

（请忽略后半部分的toast）

请参考视频，点多几次会展示不正常

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

[github-actions]

👋 @suedar，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[uyarn]

这个录屏好像没看出来展示不正常呀

[suedar]

这个录屏好像没看出来展示不正常呀

正常未选中应该显示时间选择框的，现在只显示了选择

[uyarn]

  const renderContent = () => {
    if (value) {
      return (
        <DateRangePicker
          format="yyyy-MM-dd HH:mm:ss"
        />
      );
    }

    return <Select options={TimeRangeOptions}></Select>;
  };

  return (
    <div className="time-range-picker">
      <Switch
        size="large"
        label={['范围选择框', '时间选择框']}
        onChange={(v) => {
          setValue(v);
        }}
      />
      {renderContent()}
    </div>
  );

懂了 但是我们这边没有复现 https://stackblitz.com/edit/react-lrhfhc-gjmicz?file=src%2Fdemo.tsx 能否在这里复现这个现象 看起来切换是正常的 或者

[uyarn]

Oct-15-2024.16-30-37.mp4

[suedar]

无法复现了 先close了 以后发现再说～