Dojo 2 dojo2中是否存在任何渲染后生命周期挂钩？

Question

I working on Dojo 2 project. I know there are not many projects going on Dojo 2 it's difficult to get support for it. Anyway I am looking for dojo 2 widget after render life cycle hook? In React we have:-

componentDidMount: function() { console.log('Component rendered')},

What about dojo 2 after widget render life cycle hook?

Answer 1

The runAfterRenders method isn't intended to be overridden (and should actually be private ) in a widget. Using the @afterRender decorator is the correct hook to introspect the the results of a widgets render as per the readme .

class MyWidget extends WidgetBase {

    @afterRender()
    myAfterRender(vnode: VNode) {
         // do something with the resulting vnode
         vnode.children = [ ...vnode.children, 'Another Text Node' ];

         return vnode;
    }


    protected render() {
        return v('div', [ 'text' ]);
    }
}

The onAttach hook is probably a more equivalent lifecycle to reacts componentDidMount , this is a method lifecycle that can be implemented in the same way as componentDidMount .

Hope this helps!

Answer 2

I got the solution for it: Dojo 2 widget has runAfterRenders life cycle hook which can be trigger after render.

protected runAfterRenders(dNode: DNode | DNode[]): DNode | DNode[] { return dNode; }

Hope this will be helpful.