[Question] How to implement "click on a button then run an async action" in an elegant way?

I see the examples of async actions are about "running async actions when rendering a component, e.g. https://lostpebble.github.io/pullstate/docs/async-actions-creating

Now I have a different case: In a component, there is a button, when I click on it, it will run some async actions, and rendering different content base on the result of the async action.

I couldn’t find an elegant way to implement it, hope to have your help, thanks!

This is a small demo: https://github.com/freewind-demos/typescript-react-pullstate-async-actions-demo

The RemoteHello1 there is what I want to do (in traditional way), and the RemoteHello2 is what I want to use pullstate’s async actions but failed.

[lostpebble]

@freewind , I just updated the project with the new changes I added.

It was actually very simple to add, don’t know what I hadn’t done it yet. Also made creating simple async actions easier, by just passing in a promise directly.

[freewind]

Thanks, the code is really nice and clean, thanks!