Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 4b25dc6

Browse files
committed
[Fix]: #2014 Tab ID on refresh
1 parent 79acea5 commit 4b25dc6

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

‎client/packages/lowcoder/src/comps/comps/tabs/tabbedContainerComp.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import { NameGenerator } from "comps/utils";
1515
import { ScrollBar, Section, sectionNames } from "lowcoder-design";
1616
import { HintPlaceHolder } from "lowcoder-design";
1717
import _ from "lodash";
18-
import React, {useContext, useMemo } from "react";
18+
import React, {useContext, useMemo,useEffect } from "react";
1919
import styled, { css } from "styled-components";
2020
import { IContainer } from "../containerBase/iContainer";
2121
import { SimpleContainerComp } from "../containerBase/simpleContainerComp";
@@ -266,6 +266,11 @@ const TabbedContainer = (props: TabbedContainerProps) => {
266266
const selectedTab = visibleTabs.find((tab) => tab.key === props.selectedTabKey.value);
267267
const activeKey = selectedTab? selectedTab.key: visibleTabs.length > 0 ? visibleTabs[0].key : undefined;
268268

269+
useEffect(() => {
270+
if (activeKey && activeKey !== props.selectedTabKey.value) {
271+
props.selectedTabKey.onChange(activeKey);
272+
}
273+
}, [activeKey, props.selectedTabKey.value]);
269274

270275
const editorState = useContext(EditorContext);
271276
const maxWidth = editorState.getAppSettings().maxWidth;

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /