My question:
How I can change the tab’s name? I use Instance.Tab_1.views[0].name=‘something’; Instance.Tab_1.render(), the tab not work.
Instance.Tab_1.onChange = async () => this.tab_OnChanged(); not work. why?
If the goal is purely visual updates, it is recommended to update the tab name through the JS layer by manipulating the tab’s reactive state or data model, rather than directly querying or modifying the DOM.
like:
let tab_texts = Instance.Tab_2.container.querySelectorAll('.fp-components-tabcontainer-tabbar-text');
let tab_text_1 = tab_texts[1];
tab_text_1.textContent = 'new title';
If consistency with the properties is required, it is currently quite difficult to achieve and regarding why render does not behave as expected: the tab component is a view-type component, and it has multiple child components that depend on its internal state. To prevent render from causing unintended side effects—such as child state resets or repeated updates—the framework applies special handling to view-type components. This includes optimization strategies that suppress or control re-rendering behavior, ensuring stability of dependent child components.
Thanks for your reply. The Tab component is really cumbersome to use, and the onChange method doesn’t work either. That’s why I replaced it with Toggle + MultiView instead.