Search results

Resolve delay rendering of Syncfusion React UI Components

02 Dec 2022 / 1 minute to read

The React property of immediateRender is used to solve the rendering delay of Syncfusion React UI Components.


The immediateRender property disables the delay on the initial rendering of the component. By default, we have delayed the component rendering to compile the templates since react will not allow multiple mounting at the same time.

In some cases, the template is not available. In this kind of situation, by setting the immediateRender property to true, the component will be rendered immediately.

Copied to clipboard
 <ButtonComponent immediateRender="true" onClick={() => this.setState({ hideButton: true})}>Click to hide</ButtonComponent>

Note: Enable this property only if there is no template in the React UI Component.