I tried this example https://smartclient.com/smartclient-...id=titleChange in REACT and I get an error in the debugging console
my sourcecode
Version SNAPSHOT_v13.1d_2024-04-17/Pro Deployment (2024-04-17)
Uncaught RangeError: Maximum call stack size exceeded
at DynamicForm._cloneValue (ReactComponent.js:1263:1)
at DynamicForm._cloneObject (ReactComponent.js:1250:1)
at DynamicForm._cloneValue (ReactComponent.js:1263:1)
at DynamicForm._cloneObject (ReactComponent.js:1250:1)
Code:
import React, { Component } from 'react'; import { CheckboxItem, DynamicForm, Tab, TabSet, TextItem } from 'smartclient-pro/react'; class App extends Component { constructor(param) { super(param); }; onYourNameChange = function (form, item, value) { if (value) window.tabSet.setTabTitle(1, value + '\'s Preferences'); else window.tabSet.setTabTitle(1, 'Preferences'); }; render() { return ( <> <TabSet ID="tabSet" width="400" height="200"> <tabs> <Tab title="Profile" id="profile"> <pane> <DynamicForm ID="profilePane"> <fields> <TextItem name="yourName" title="Your Name" change={this.onYourNameChange} /> </fields> </DynamicForm> </pane> </Tab> <Tab title="Preferences" id="preferences"> <pane> <DynamicForm ID="preferencesPane"> <fields> <CheckboxItem defaultValue="true" name="useISCTabs" title="Use SmartClient tabs" /> </fields> </DynamicForm> </pane> </Tab> </tabs> </TabSet> </> ); } } export default App;
Comment