English
Search…
⌃K
Links

use-force-render

Allows forcing the rendering of the webcomponent without the need to be tied to a state or property
Since the version of [email protected]* there is the useUpdate hook, with the same functionality but in the core of Atomico.

Modulo

import { useForceRender } from "@atomico/hooks/use-force-render";

Syntax

const forceRender = useForceRender();
Where:
  1. 1.
    forceRender: Callback to force rendering of the webcomponent.

Example

Sometimes the rendering of the webcomponent does not depend on a state or property of this, to reflect these changes you can use useForceRender to regenerate the DOM, example:
function component() {
const ref = useRef();
const forceRender = useForceRender();
​
return (
<host>
{ref.current.anyProp}
<my-component ref={ref} onclick={forceRender}></my-component>
</host>
);
}