use await in extend function

bloodchen

Hi,

I am trying to use await function in the extend function like this

extend(CommentPost.prototype, 'footerItems', async function(items) {

async was added to satisfy the await requirement.
However, if I use await fetch(...) call in the code, I found some other codes are not called.

So, I'd love to ask is it OK to use await like that?

Thanks
Jeff

askvortsov

bloodchen I found some other codes are not called.

Could you clarify what isn't being called?

clarkwinkelmann

Template hooks (under Mithril view, which is the case for footerItems here) must be synchronous. This function will run every time Mithril redraws the page so it cannot hold the rendering.

Asynchronous data loading can be triggered from a lifecycle method or dom event. It should then update the component state, which is then used to change the template.

bloodchen

I found a solution and would love to share to whom may need it.
Instead of using await directly, I used setTimeout to delay loading other codes. And it worked.