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.
import { useForceRender } from "@atomico/hooks/use-force-render";
const forceRender = useForceRender();
Where:
- 1.
forceRender
:Callback
to force rendering of the webcomponent.
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>
);
}
Last modified 1yr ago